How to add a TEASER

This example/ instruction is for a download teaser with an integrated form which usually is provided by APTLY. They should set up a basic registry and their unique tracking option.
Of course we have much more design choices – but all of the possibilities cannot be listed here due to the shear volume of this help document.
In case you want to set up a simple download without data harvesting you can skip Step 1 and set a direct download link (without the Modal link setting)
And as a reminder on how to get started:  Click the “+ Element” in the pop up go to the second tab “Library Elements” and chose one of the prepared samples.

IMPORTANT:
Those elements in the library are set up as “Global Elements”. That means if you change anything inside of that element like link, texts etc) it changes everywhere.
Therefore please remove the global setting after the element has been placed inside of your post and before you start editing.

STEP 1

  • add a new container and later move it to the end of the page
    (for easiness and clarity)
  • add a MODAL from the selection menu
  • enter a unique name for this Modal Pop
  • enter the Title (Headline) and choose the size
  • scroll to the CONTENT section
  • from the Menu click on the small green icon
    (Avada Builder Element Generator)
  • choose CODE BLOCK
  • here you can add the delivered code for the form

STEP 2

  • depending of the placement add a new container or a column
  • go to the library and choose one of the prepared Teaser boxes
  • add it/ insert it to the post
  • replace the image (ideal size width=”115px” height=”153px”)
  • edit the Headline
  • add a short but meaningful description
  • change the Button content
    a) Text
    b) Link: the name of the Modal
    search for modal=”***** in the visible code

teaser box_light:

Robotics Case Study TEASER HEADLINE

Short but meaningful description ….

BUTTON TEXT!

teaser box_blue:

TEASER HEADLINE

Short but meaningful description ….

GET YOUR COPY NOW!

teaser box_red:

Robotics Case Study TEASER HEADLINE

Short but meaningful description ….

Button Text

teaser box_dark:

Robotics Case Study TEASER HEADLINE

Short but meaningful description ….

Button Text