Build the future of communications.
Start Building for Free

Sync posts

  • By Viral Gandhi
    Create a Video Lobby Feature Video Lobby Title

    Ahoy! As you might know, Twilio works on a pay-as-you-go model and so does Twilio Video, meaning it charges per minute per participant for each video room. Hence, in most business cases it is not a good idea to start a video room until one of the following is true:

    • The host joins.
    • There are more than one participant in the room.
    • You can validate the schedule of the meeting before you start.

    In this article you are going to learn how to build a cost effective lobby (waiting) area feature for your Twilio Video application using Twilio Sync.

    What you’ll build

    The example scenario I will consider in this article is where the video room starts when a host joins the room. But this approach can also apply to starting a video room when more than one participant joins, or if it is a scheduled meeting and the …

    Read More
  • By Mia Adjei
    Build a Digital Sticky Notes App with Flask and Svelte Build a Digital Sticky Notes App with Flask and Svelte

    Sticky notes are a great tool for organizing your thoughts or keeping track of things you need to do.

    If you are a student, or anyone thinking about a lot of things at once, there are tons of ways a sticky note could help you out. You can write down the things you need to remember to do, the items on your back-to-school shopping list, notes about what you're learning or thinking, and so much more.

    If you enjoy using paper sticky notes, perhaps you might also be interested in giving digital sticky notes a try. In this tutorial, you'll learn how to build a digital sticky notes application, using Python and Flask for the backend API, JavaScript and Svelte for the UI, and Twilio Sync to store the notes.

    Prerequisites

    Read More
  • By Pooja Srinath
    Build a Modern Hotline with Twilio Programmable Voice and Sync Modern Hotline Voice Hero

    In this article, you will unlock the powers of using a Twilio Programmable Voice's conference bridge to connect your loved ones in a single phone call. This blog post could work for Healthcare, Corporate, or Educational Institutions – I’ll show you all the steps you’ll need to connect a list of numbers in a single conference call.

    Prerequisites

    To get you started with this article, you need the following

    • Twilio phone number

      A number that connects the institution with its emergency contacts through a conference call.
    • Twilio Studio access

      A visual builder to create, edit, and manage communication workflows in Twilio Studio. Our low-code/no-code application builder makes complex implementations extremely easy.
    • Twilio Sync services

      Twilio Sync is Twilio's state synchronization service, offering two-way real-time communication between browsers, mobiles, and the cloud. Using Sync helps you avoid building all the real-time infrastructure.
    • Twilio Cli

      Twilio-CLI allows you to manage your Twilio …
    Read More
  • By Anton Kushch
    Store Opt-Out data on Twilio with Functions and Sync Storing Opt-Out data on Twilio with Functions and Sync

    Staying compliant is an important part of your messaging strategy. It ensures that your senders have a high trust level from carriers and, as a result, experience lower filtering and lower risk of being blocked.

    Maintaining a clean opt-out list is one of the key pillars for compliant messaging. The Twilio platform helps you maintain customer trust via automated opt-out management (more here), and it's a great start, but under certain circumstances, opt-out information can be lost. Additionally, Twilio does not yet provide an API to retrieve opt-out data.

    All that's to say: we at Twilio strongly recommend you maintain and store opt-out data yourself. In this blog post, I'll show you how storing opt-out information can be done on the Twilio platform with Serverless Functions and Sync.

    Tutorial prerequisites

    Before we can get started building, you need to make sure you have an account with Twilio. …

    Read More
  • By Miguel Grinberg
    Synchronized State Variables for React using Twilio Sync Synchronized State Variables for React using Twilio Sync

    State variables are one of the most important building blocks in front end applications developed with the React library. When a state variable is updated, React automatically re-renders any application components that depend on it, ensuring that the application always displays updated information to the user.

    The automatic state update mechanisms in React are fantastic, but they are limited to a single instance of the application. Sometimes, however, an application needs state variables that are automatically synchronized across all running instances of the application. In this tutorial you are going to learn how to create a custom React hook that implements synchronized state variables using Twilio Sync as a cloud storage back end.

    Tutorial demonstration

    Requirements

    To work on this tutorial you will need the following items:

    Read More
  • By Robert Hockley
    Creating a Emergency Outage IVR Response in Twilio Studio Article Header

    If you are part of a team that ensures the smooth operation of a contact center, you may be tasked with planning for the unknown. Surprises or rapidly changing situations are times when the value of a cloud-based voice solution shows through. In the case of an emergency — such as a weather-related closure, a facilities problem, or a personnel challenge — you may need to remotely activate a temporary change to your voice responder.

    In this article, I will use Twilio’s IVR solution to create an emergency outage message that can play for incoming callers, notifying them of an unmanned queue. This message can save customers time and frustration and give you space to ensure the health and safety of your team. If you follow along with me through the steps I present here, you’ll have a working outage message for your selected Twilio phone numbers.

    Tutorial prerequisites

    To …

    Read More
  • By Mia Adjei
    Co-browse a Shared Notepad in Real Time with Twilio Sync and Programmable Video Co-browse a Shared Notepad in Real Time with Twilio Sync and Programmable Video

    If you've checked out Marcus Battle's tutorial about building a real-time note collaboration tool with Twilio Sync, perhaps you have wondered to yourself, "Wouldn't this tool be great if I added video?"

    Well, you've come to the right place, because this tutorial will show you how to enhance your note collaboration tool by adding Twilio Programmable Video. In the last tutorial, you learned how to use Twilio Sync to build a notepad you can edit together in real time with another person. Adding video allows you to see and chat with your collaborator face-to-face while you edit the document together. You can discuss your thoughts aloud and come away with a text you created with your peers. Sounds pretty exciting — let's get started building!

    Prerequisites

    You will need:

    • A free Twilio account. (If you register here, you'll receive $10 in Twilio credit when you upgrade to …
    Read More
  • By Ashley Boucher
    Let Users Share Their Online Status in Your App with Express, Svelte, and Twilio Sync syncsvelte.png

    Twilio Sync is the very cool technology that underpins other Twilio APIs, such as Twilio Conversations. It allows you to add cloud-stored shared state in your app, opening up totally new opportunities for real-time collaboration and connection.

    In this article, you’ll be learning how to use Twilio Sync in conjunction with Svelte and Express to show who’s online in your app.

    Prerequisites

    Before you get started with this tutorial, make sure you’ve got the following:

    Set up your app and environment

    This app has two parts: a frontend and a backend. The frontend is the part of your app that your users will actually interact with. Your frontend will use the Twilio Sync JavaScript SDK, which requires a special Access Token in order …

    Read More
  • By Ashley Boucher
    Let Users Share Their Online Status in Your App with Express, React, and Twilio Sync syncreact.png

    Twilio Sync is the very cool technology that underpins other Twilio APIs, such as Twilio Conversations. It allows you to add cloud-stored shared state in your app, opening up totally new opportunities for real-time collaboration and connection.

    In this article, you’ll be learning how to use Twilio Sync to show who’s online in your app.

    Prerequisites

    Before you get started with this tutorial, make sure you’ve got the following:

    Set up your app and environment

    This app has two parts: a frontend and a backend. The frontend is the part of your app that your users will actually interact with. Your frontend will use the Twilio Sync JavaScript SDK, which requires a special Access Token in order to get permission to interact with …

    Read More
  • By Karla Nussbaumer
    コンタクトセンター運用を支える"関節"役: Twilio Sync API Sync Joints of the Contact Center Header JP

    この記事は英語版ブログ記事の抄訳です。

    人体はなんと神秘的なのでしょうか。歩くというシンプルな動作でさえ、非常に複雑なプロセスです。2本の足の動きを連携させ、どちらかの足が常に地面に接します。その間、脳が信号を出して筋肉の動きを精密に調整します。人体のその他の部分も、このために重要な役割を果たします。

    では、バラバラにならずにどのように全体をまとめているのでしょうか。そのまとめ役を担うのが、関節靱帯です。

    人体に関節が必要なように、製品やサービスにも同等の機能が必要です。コンタクトセンターを例に挙げてみましょう。ルーティング、レポーティング、サードパーティシステムとの接続、データの同期管理と配信、オムニチャネルでの顧客対応管理など、複数のアプリケーションで構成されています。

    コンタクトセンターのすべてのサービスとアプリケーションは連携して機能しなければなりません。そのためには連結部が必要であり、Twilio Syncがその役目を担います。

    Twilio Sync API

    前述した靱帯や関節のように、Twilio Sync APIは他のTwilio APIや機能を接続します。Twilio Syncはアプリケーション間の状態を同期させ、その所要時間はわずか数ミリ秒です。

    多くの企業(ING様など)がTwilio APIを使用し、独自のコンタクトセンターを構築しています。そのほとんどにおいて、Sync APIが他のAPIをつなぐ働きをしています。今ではプログラマブルコンタクトセンターTwilio FlexにおいてFlexユーザーサブスクリプションの一部と …

    Read More
  • Newer
    Older
    Sign up and start building
    Not ready yet? Talk to an expert.