Skip to main content

How Do I Use An HTML Block In A Template?

Updated this week

HTML blocks allow you to add custom formatted content to templates in Tribe using HTML code. They are useful when you want to reuse existing designs, layouts, or formatting created in external tools or editors. You might use an HTML block when standard template blocks do not support the layout you need. By following this guide, you will learn how to add an HTML block, insert HTML code, and adjust its settings.

Table Of Contents

  • What Does An HTML Block Do?

  • How Do I Add An HTML Block?

  • How Do I Add HTML Code To The Block?

  • What Settings Are Available For HTML Blocks?

  • Quick Summary

What Does An HTML Block Do?

An HTML block lets you insert HTML code directly into a template in Tribe. HTML, short for Hyper Text Markup Language, is used to structure and format content on web pages. By using an HTML block, you can copy existing HTML from another programme or editor and apply the same formatting consistently across multiple templates.

How Do I Add An HTML Block?

  1. Open the relevant Template.

  2. Click the + icon in the template layout.

  3. Select HTML from the Common Blocks section.

The HTML block is added to the template and is ready for content.

How Do I Add HTML Code To The Block?

HTML code can be copied from an external programme or HTML editor.

  1. Copy the required HTML Code from your external tool.

  2. Click inside the HTML Block.

  3. Paste the HTML code into the block.

  4. Select Back To View to see the result in the template.

The formatting from the copied HTML is applied directly to the template.

What Settings Are Available For HTML Blocks?

When the HTML block is selected, its settings appear on the right-hand side.

Block

  • Padding: Adjust the space inside the block by moving the slider.

  • Margin: Adjust the space around the block by moving the slider.

  • Border Width: Add and control the thickness of a border around the block.

  • Edge Rounding: Set how rounded the corners of the block appear.

Colours

  • Set the Background, Border, and Text colours.

  • Select Clear to restore the default colours.

Quick Summary

HTML blocks allow you to insert custom HTML code into Tribe templates. This makes it possible to reuse existing layouts and formatting from external tools. By adjusting block and colour settings, you can ensure the HTML content fits neatly within your templates.

Did this answer your question?