User Guide: Visual Designer
The new visual designer gives you the ability to craft beautiful mobile landing pages you send customers to via the Text message campaign tool.
A webpage that's specifically designed to convert mobile-device users. In Alpine IQ terms, it's where customers land after clicking into the Walled Garden.
Similar to drag-and-drop email builders, you can create headers, add columns, include images, add clickable buttons, and a host of other customization options.
- Columns: It allows your users to add columns to your design in order to have a better design arrangement.
- Button: Add any type of button in your email. You can change colors and styles. The buttons support personalization macros that create links like {{favoriteStoreShopURL}} and {{walletURL}}.
- Divider: It gives your users appropriate spacing at any point they want in their design.
- Heading: Add headings (from level 1-6) to the design.
- HTML : This tool will give your users room to add custom HTML to the design.
- Image: To make your emails attractive, you can add images using this tool.
- Menu: Menu is a built-in tool used to create navigation menus.
- Social: It is a built-in tool that lets users add their social media icons to your design. The social buttons support Social personalization macros like {{favoritestoregoogle}} and {{favoritestoreleafly}}.
- Text: Text is a built-in tool so users can add text to their designs.
- Video: It lets users add YouTube or Vimeo videos to their designs. This tool automatically generates thumbnails of videos for emails and ensures that it renders correctly on all platforms.
Optimize your mobile landing pages for quicker load times
The faster a page loads, the higher the likelihood that the customer visiting the page will convert. Consider the following to decrease load time
- Use images that are 22-33 KB.
- Use 1-2 images per message/page.
- Stick to 1-2 clickable links/buttons per message.
Make the message easy to digest & read
Get to the point and create a simple format that keeps pertinent information at the top of the screen
- Put the CTA (Call to Action) towards the top of the screen. If you have a "Shop now" or "Leave a review!" button, place it near the top of the page.
- Use bullet points.
- Use a single-column format.
- Use size 16pt for the body text.
- Use high-contrast colors and white space. Don't crowd the screen with too many colors and images.
- IMPORTANT: Put the most important message and/or CTA "above the fold". This is a term used to describe all the information your customer will see before scrolling.