Enable HTML content in Cards

Flezr lets you inject HTML code from a Google Sheets Column directly into your 'Cards' section.

  1. Start by navigating to the page where your 'Cards' section is located. Click on the section to bring up the Cards settings panel on the right side of your screen.

  2. Click on the 'Design/edit card' as shown in red below:

  1. In the 'Elements' section, click 'Add Element' button.

  1. The settings for the new card element will now appear at the bottom of the card elements list, in the settings panel on the right.

  2. As shown in red, select 'Text' in 'Type'.

  3. Next, select the location for this new element to be placed on the card.

  4. Select the Google Sheets column having the HTML code in the 'Map Column' field.

  5. Slide the toggle switch that says 'Content Type' to right to enable the code to be rendered as HTML on card.

Press the 'Save' button in the top main menu in the Studio to save your changes.

Now the Card will display HTML content.

Below is some sample content you can use inside Google Sheets columns for HTML display testing.

<p><b>This text is bold</b></p>
<p><i>This text is italic</i></p>
<p>This is<sub> subscript</sub> and <sup>superscript</sup></p>
PreviousEnable ‘Search as you type’ for CardsNextPreserve White-spaces and Line breaks from Google Sheets to display in Cards

Last updated