Template editor for engagement pop-ups

Template editor for engagement pop-ups

Pop-ups help to significantly increase conversion rates, and they have the capability to maximize your internet marketing potential. They grab your audience's attention and urge them to respond using a call-to-action button.
It’s important to design pop-ups creatively to grab the audience's attention. The template editor in Zoho Marketing Automation has two sections, Elements and Settings. You can access the template editor once you select the pop-up type and choose the template. Learn more about how to create an engagement pop-up.

Elements 

Elements include the different components that can be added to the template of your pop-up to make it look the way you want. You can add the element into the template by dragging and dropping it. The different elements offered are:
  1. Grid: This can be used to add different compartments to your pop-up template. You can add up to three compartments using this component. After adding this element, you can customize it to change its structure, background, positioning, margin, and border.
  2. Text: A text box where you can enter the text for your audience to view. After adding this element, you can customize it to change its background, text shadow, positioning, margin, and border.
  3. Image: Add an image to your pop-up template using this element. After adding this element, you can customize it to change the image properties, alignment, positioning, margin, and border.
  4. Input box: This element will display a small text box in the pop-up where the audience can enter details, such as email address, phone number, and date. You can map its input to a field, set it as mandatory, and encrypt this field data. Apart from this you can customize properties relevant to input font and display of the box.
  5. Text area: A text box where the audience can add a description or message. This is similar to an input box, except you can only get text field using this element.
  6. Button: This element can be used to add a button in your pop-up template. Using the options display, button color, hover action, padding, margin and, border and shadow, you can customize properties relevant to button display.
    Using the Action section, you can configure the action that must happen when a visitor clicks the button. There are three options:
    1. You can redirect the visitor to a different URL.
    2. You can close the signup popup.
    3. You can add a custom JS. Using JavaScript you can embed a code that can fulfill any action that you require. For instance, You can open your website's chat bot or add credits to your customer's account as welcome bonus or any other action you want done when the visitor clicks the button.
      Additionally, you can mark clicked visitors as "conversion" or "rejection" based on the context under the Action section.
  7. Video: This element can be used to add a video in your pop-up template. You can embed YouTube URLs in this element and customize the element's display and positioning in the pop-up.
  8. Checkbox: This element helps you add checkboxes in your pop-up's content. You can control and customize the properties of this element after adding it.
  9. Radio: This element can be used to add a radio list in your pop-up's content. You can control and customize the properties of this element after adding it.
  10. Social: This element lets you add social widgets in your pop-up template. You can add your page URLs to X, Facebook, and Instagram. You can control and customize the properties of this element after adding it.

Settings 

The Settings section can be used to customize the various aspects of how the engagement pop-up looks. The options available under Settings are:
  1. Background: Use this option to change the background color of the pop-up.
  2. Overlay color: Change the color of the overlaying screen on which the pop-up appears.
  3. Close button: This option deals with amending the display aspects of the close button that appears along with the pop-up. As the name suggests, this button is used by the audience to close the pop-up.
  4. Border and shadow: Helps in customizing the border and shadow of the pop-up.