Built in to the Message Editor is the ability to easily create a mobile-optimized version of your messages. You can see the mobile version of your message at any time by selecting Mobile Web Version from the Message Version menu.

NOTE: The width of the mobile container is 320px wide.

This view presents your message in a mobile format, allowing you to see exactly what recipients will see when viewing your message on a mobile device. This makes it easier to understand if you need to make any adjustments to your message to make it mobile friendly (e.g., change some formatting or make an image responsive so it scales appropriately on a phone or tablet).

Create a mobile version

While the mobile version of a message is not automatically created for you, any content you've added in the Email Designer or Email Code view can be added to the mobile version with the click of a button. To do so:

1. Select the Mobile Web Version view.

2. Click the Refresh button at the top-right to copy in the content/latest changes.

Generally, you'll create and finalize your message in the Email Designer and then refresh your mobile version to copy all the content over. Lastly, you'll want to verify your styles, spacing, images, etc. are optimized for mobile recipients and make any updates, if needed.

NOTE: Updates made to your message in the Email Designer and Email Code views are not automatically transferred to the Text and Mobile versions, and vice-versa. This is by intention, so you can optimize these versions for mobile and text-only recipients. However, as you're managing your messages over time, remember to keep your Text and Mobile versions up-to-date as well. You must do this manually clicking the Refresh button to pull in the latest changes.

How do recipients view the mobile version of your message?

The mobile version of a message is not automatically shown to recipients if they open it on a mobile device: To view it, they need to click the mobile version link that you must add to your message in one of two ways:

1. Default link - You can set up a default mobile link to appear in ALL messages. You can then decide whether to include or not include this link each time you send a message. The downside to this method is you cannot control the link's placement; it always displays at the top of your message (however, this is generally where this link should be placed so it's easily accessible).
2. Manual link - You can manually add a mobile link to each message. This method enables you place the link anywhere you'd like in the message.

Refer to How to Add a Mobile Version Link to your Message below to learn how to configure both of these links.

How to add a mobile version link to your message

Set up and insert a default mobile version link

1. Navigate to the Messages tab.
2. Click Manage Web/Mobile Version at the top-left.

3. Set the Enable Web Version Link to YES (this is required for both the default and manual link).
4. Add the desired mobile link text and formatting (e.g., "Click HERE to view a mobile-friendly version of this message.").

5. The system automatically generates the mobile version link for you. Copy the provided link in the HTML Version field.
6. Highlight the text you want to be your link (e.g., "HERE").
7. Click the Insert/Edit Link button in the toolbar.
8. In the pop-up, select the appropriate protocol (e.g., http, https, etc.) and paste the link in the URL field.
9. Click OK to create the link.

10. Click Save to save your default link.

NOTE: You can repeat these steps to create a text-only version of this link as well.

Now, whenever you send a message, you can check the appropriate Web Version Link box(es) to control whether your default link is included. Recipients viewing it on a mobile device can click this link to view a mobile-optimized version.

Insert a unique manual link for a specific message

1. Navigate to the Messages tab.
2. Click Manage Web/Mobile Version at the top-left.

3. Set the Enable Web Version Link to YES (this is required for both the default and manual link).
4. The system automatically generates the mobile version link for you. Copy the provided link in the HTML Version field.

5. Navigate back to your message in the Message Editor (Email Designer view).
6. Insert a WYSIWYG (or desired) zone where you want your link to be.
7. Add the desired mobile link text and formatting (e.g., "Click HERE to view the mobile version of this message.").
8. Highlight the text you want to be your link (e.g., "HERE").
9. Click the Insert Link button in the toolbar.

10. In the pop-up, make sure the Link Type is set to URL, and then paste the link you copied in Step 4 into the URL field. Configure any other desired link options/styling.
11. Click OK to create the link.

Now, whenever you send this message, recipients viewing it on a mobile device can click this link to view a mobile-optimized version.

NOTE: Keep in mind that if you've also set up a default mobile link, you'll want to ensure the Web Version Link options, HTML Email and Text Email, are both disabled when sending this message (these options control whether the default link is included). If you don't, your message will include BOTH your manual link and the default link.