Working with Text Elements

Beyond simple hardcoded text, you can use the Text element to display dynamic data gathered throughout a Funnel using Liquid Variables. You can display a users email by using {{ email_address }}, their first name using {{ first_name }} and much more. Some elements have ID's that can be hooked onto by putting it inside two sets of curly braces {{ }}, you can also access a list of available variables by clicking on the {} button on the input in the side bar.

The Text element is HTML safe, meaning you can add in things like svgs by copy and pasting code, or wrapping parts of the text in a span (ex: "This is some<span style="color: #0060D0;">Highlighted text</span> for the example").

Warning

The Funnel Editor does not validate custom code in Text elements, make sure to double check code to avoid introducing bugs.

• Content - While you can edit the content of a text element in the Canvas, this option gives you a bit more control and access to the Liquid Variable selector
• Font type - Select one of many font types available in the Funnel Editor
• Font weight - Allows you to select between available weight variations of your font. 
• Font Size - Change the default size of your text, the default is 16px.
• Text color - Choose the color of your text
• Alignment - Choose between left, center, or right alignment
• Text decoration - have ultimate customizability over the size, style, and color of your text decoration.
• Block options - As with every element, you have control over element alignment, padding, and device visibility.