How to create a Slider Call-to-Action (CTA)

A Slider is a type of call to action which shows a banner, message or form to visitors as they scroll down in the page. Here are a few examples:

Form Type with 2 fields

Swider Type with “bottom position” of 300px. So the CTA will be presented near the header of the page:

 

The slider CTA can be placed on the left or right of the screen, and you have full control on when they will see it (scroll depth) and the positioning on the page.

Like all of our personalization units, you can configure the slider CTA to be presented by specific groups of audience, if it’s by the source, status from your marketing automation or Salesforce and reached goals.

 

How to create slider CTA

Step 1 – Go to Personalization tab > Call to Actions > and click on “Add Call to Action”

Step 2 – In the behavior field, choose ‘Slider’ and then choose if you want to use ‘Form’, ‘Image’ or ‘Swider’ type.

Form – Shows a form, with up to 3 fields. Captured leads can be saved in TrenDemon as well as sent to your CRM or Marketing automation program.

Image – Shows a banner or image. The image you upload will be displayed and clickable to any url. You can choose any size of image.

Swider – Another type of banner (see example above) which also allows you to add a title, sub-title and image.

Step 3  (Only for ‘Form’ type) – Add the fields you want your visitors to fill in. In case you are using any of our supported Marketing Automation integrations, in the ‘Name’ field. Add the field name as it is on your Marketing Automation.

 

Step 4 – Choose the position and scroll depth of the CTA. Position can be on the left or right of the screen. The scroll depth defines how much does the visitor needs to scroll in order to view it. Our default setting and the recommended value is 60px. The bottom position refers to where in the page the CTA will be placed. When set to 40px, the CTA will be placed around the footer area. If you set it around 220px the CTA will be placed near the header.

 

Step 5 – Choose the color scheme you want for the button, texts and other design settings. By default the CTA will use the websites default font.

 

Step 6 – Click on ‘Preview’ to see how it will look like. Any change you make will be reflected in the preview.

 

Notes

  • Slider CTA’s work with all our configurations including by any field or list from your marketing automation.
  • You can A/B test 2 different Slider CTA’s that has the same configuration.
  • All leads are sent to your Marketing Automation or CRM with all the history of the lead.
  • Open CSS is available to edit the look & feel of the CTA.