Optional features¶

HTML Freeflow edition¶

HTML freeflow is an optional feature that allows the customer to access low level code and edit it to match extra functionality not available in the general text editor.

Understanding Freeflow¶

If you have HTML Freeflow feature enabled for you, whenever you edit an asset (Video description, page content, etc.) you will get the HTML code editor at first.

You can switch between code editor and visual editor using the Edit HTML button: Edit HTML button

Warning: Switching to visual editor cleans the content of your page of unsupported HTML tags.
Be aware of not switching to visual editor if you have customized the HTML code of your page.

Code editor view¶

Code editor

Visual editor view¶

Visual editor

Examples¶

Iframes¶

You can embed any type of content using iframe snippets. For example: embeddable iframe for a video:

<h1>CookingTV contest</h1>
<h2>Stage 1</h2><p>The healthiest recipes from the Mediterranean diet.</p>
<iframe width="560" height="315"
        src="https://cooking.sta.s73cloud.com/embed/video/MzE0Mw==/tomatoes-with-avocados"
        frameborder="0" allow="accelerometer; autoplay" allowfullscreen webkitallowfullscreen
        mozallowfullscreen scrolling="no"></iframe>

Will result in:

Visual editor

Google map¶

<h1>Visit our headquarters</h1>
<iframe width="600" height="500"
        src="https://maps.google.com/maps?q=university%20of%20la%20laguna&t=&z=13&ie=UTF8&iwloc=&output=embed"
        frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>

Will result in:

Visual editor

Paypal donation button¶

<h1>Donate to our cause</h1>
<p>Help us maintain our Cooking TV channel.</p>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick" />
<input type="hidden" name="hosted_button_id" value="JXA9VARR3HRQG" />
<input type="image" src="https://www.paypalobjects.com/en_US/ES/i/btn/btn_donateCC_LG.gif"
       border="0" name="submit" title="PayPal - The safer, easier way to pay online!"
       alt="Donate with PayPal button" />
<img alt="" border="0" src="https://www.paypal.com/en_ES/i/scr/pixel.gif" width="1" height="1" />
</form>

Will result in:

Visual editor

Disclaimer¶

Be aware that writing badly formatted HTML code can break the layout of your site. Please consider using the visual editor whenever is possible.

Last update: 2023-02-06