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:
TEASER HEADLINE
Short but meaningful description ….
teaser box_blue:
TEASER HEADLINE
Short but meaningful description ….
teaser box_red:
TEASER HEADLINE
Short but meaningful description ….
teaser box_dark:
TEASER HEADLINE
Short but meaningful description ….