Utilizing the Rich Text Editor

The Pop Up step at the end of the Subscription Treat Smart Walk-Thru needs to be updated to catch the user's attention. Eddie's team is noticing there are not many users using their special promo code and are worried people are not seeing it. They also want to add an additional offer for their members and link to the subscription newsletter.

• Bullet Point both promotional offers.
• Add an Image.
• Link to auto-subscribe to newsletter.

Once you've opened up the step, let's start by clicking on the Pop-Up Step to access the Rich Text Editor.

In the test body of the Pop Up step we'll add the following text and use the bullet point icon of the Rich Text Editor to format it correctly.

Text to add:

• Subscribe to Eddie's Newsletter for additional promos.
• We appreciate you. Please use: Happy20 on your next purchase for 20% off!

1. Click on the image icon.
2. Click the upload image icon to select from the Assets Library.

This image should be available based on the previous lesson. If you do not have it, please revisit the previous lesson to ensure that you have uploaded this to the Assets Library.

If you already have the image, select the image shown in the screenshot and click Select.

Now we need to just make some final touches to the image:

1. Set the Image Scale: 369 x 223.
2. Click Apply on the pop-up to insert the image.

Be sure that the image is in the body of the balloon and not the title! If you make a mistake you can follow the steps to delete the image:

1. Click the Image icon.
2. Click the X next to the upload icon to remove.
3. Click Apply.

For the final part, we need to link out to an easy way for users to subscribe to the newsletter.

1. Highlight Eddie's Newsletter text.
2. Click the Link icon.

1. Insert the following URL: https://subscribe:newsletter@eddiesdepot.com
2. Click Apply on the Pop Up.

Currently, the Eddie's Newsletter text does not look like a link, so we will want to change the color so it looks like a clickable link.

1. Highlight Eddie's Newsletter text.
2. Click the Text Color icon.
3. In the Pop-up box enter the following Hex Code: #493DED.
4. Click OK.

Images are a great way to catch the user's attention and increase engagement with the text of your balloons that have a lot of text. Additionally, you can use these images or GIFs to supplement the text where instructions are not as clear without a visual.