Composing Mobile Interactions

Compose

You can use mobile interactions to create pages in Chorus that your users can access on their phone, tablet or computer. The pages can be used to display text and photos (like a blog post for example) or you can add input elements to the page to allow users to enter information that you can save.

Navigating between your mobile interactions is done through adding buttons to the page that users click and connecting these buttons with response statements. This section will get us started with the basics of mobile interaction pages.

How to create mobile interactions in Chorus 

The Compose section of Chorus is where you can create all your interactions. Go there by clicking on the music note in the left-hand navigation. Click "Interactions" in the top left to add a new interaction.

Click "Add interaction"

Make sure the type of interaction is set to "Mobile" (as we will be creating a mobile page) and the enter the name for your interaction. 

Great work! You now have a new mobile interaction page! Let's add some things to it. You have a variety of easy-create options, but for now, let's start by clicking "New Page"

You can add things by hovering your mouse over the phone and clicking the orange "add new element" button:

Select an element to add. Usually you'll start with "Text Composer" so you can enter text to display to your users:

Once you add the "Text Composer" you can enter and format text for users to see:

To edit or remove your element, mouse over the element and click on the pencil icon to open the editor again.

Make sure to add a "Button" so users can go to other pages

The easiest way for users to navigate between your pages is by clicking buttons. Make sure each page has a button so people know where to go next! To add a button, click the orange "add new element" button from the Compose page and select "Button."

Fill in the settings for your button, using the menu shown below.  Here you can enter the "Label" that users will see on the button and adjust the color and size.

Tip - you can get a clean look for your buttons by making them full width (they'll expand across the entire width of the page like other elements) if you click the toggle on the settings page.

Now, click to the right to tell Chorus where you want users to go if they click that button. This is called a response set. We've reviewed response sets with SMS messages here. 

Within the "if" section of your response set, select "button1' is clicked" and then within the "then" section select "<Create new interaction>" or select another interaction you made before from the "then" drop-down menu. 

To create a new page to take users to, just select "<Create new interaction>" and enter name of the new interaction you'd like users to navigate to (tip: this will be a new interaction page).

To view and edit the interaction you just selected, click "GO"

Repeat this process to add more response conditions to branch to other interactions (for example, add another button to return to the homepage, etc.). Add as many mobile pages as you like! 

Next Steps

Want to learn about adding other items to your mobile interaction pages? View the rest of the guides for mobile interactions here! 

Ready to start sharing your application with your users? Learn about managing clients and groups here.