Create a unique design that you can re-use in other areas or pass over to others to add or edit.
Example of a custom element built using the HTML widget
Adding Variables
{**My variable name**}
You are now able to add custom variables inside the HTML widget that will render as simple text fields to your users.
How to add variables
It is very simple to add your variables inside the HTML Widget.
Paragraph of text
<p>{**Description section one**}</p>
Add to the HTML tab
Pull the Variables
Change the text
Notice how the variable name and the label for the field are the same. This allows you to give unique and descriptive names to each field.
Can I add more than one variable?
Yes, you can add as many as you like. However, it is more useable when you keep the variables to a minimum.
Do I have to add all the variables at once?
No, you can add variables whenever you want. You can edit the variable as well.
Can I edit variables?
Yes, but this will change the variable name and thus you will want to pull the new variable through to add the correct text.
Can I copy widgets?
To copy the design and variables, simply drag in another HTML widget and copy & paste the HTML into the new widget. Then pull the variables and fill in the unique values for the new widget.
How do I add variables for CSS?
You can add them inline or with a style element.
For example, use a <style> tag at the top of your HTML. Then you can add your variables into the CSS.
