Smart Blocks

Smart Blocks Overview

Smart Blocks allow you to set and edit content once and have it show anywhere where you add the smart block [TAG] to your content. 

It also allows you to update content in one place and have the content update anywhere the [TAG] is used.

Uses

It is useful for adding Meta (Facebook) widget embed code or other code-based widgets which cannot easily be added using the Drag-drop and Contentbox editors.

It is also handy for repeatable content such as Size Guides or Staff Bio information e.g. for the writer of a set of blog posts.

Where to create Smart Blocks

Smart blocks can be found under the Design tab ->  Wording / Language heading -> Smart Blocks.

You will be shown a screen where you add new smart blocks or manage your existing ones.

  • The "Block Tag Name" will be the unique identifier you can use to insert your block content.
  • Your block content will replace your block tag on your website.
An example screenshot of the Add Smart Block screen. With the Smart Tag BLOCK TAG NAME added in the top field and the content below.

Pasting in supplied content in HTML mode

If you have been given some code and html to add to your page you can paste this in HTML mode. While you can add content using TINYMCEs HTML button found in the toolbar, TINYMCE may strip out code it does not like. 

The recommended approach to add HTML content is as follows:

  1. Add a Block Tag Name for your smart block
  2. Click the CREATE SMART BLOCK button, this will save the block and add to the top of the page.
  3. Click the EDIT button next to the smart block
  4. When the default editor pops up, change the CHANGE EDITOR MODE dropdown to HTML
  5. Paste in your supplied code and save.

Step 3 - The saved smart block with the EDIT button to the right.
Step 4 - Changing the editor mode to HTML Mode.

How to add Smart Blocks into your content

To use a block on your website you need to add smart block tag into your content area as text.

  1. Highlight and copy the name of the smart block from the top of the page e.g. [Example Block]
  2. Paste in into your editable content area.

Highlight and copy the Smart Block tag name

Paste the smart block tag name into the page content. The tag will be replaced with the content you have added.

This will enable you to have consistent information around your site.

This can be added to any content area when editing content.

For example if you put  your terms and  conditions in a smart block then added the tags in relevant places, you would only need to edit the smart block content once for it to update everywhere it is used.

More From This Section

Our CMS is the perfect content management solution for web designers and graphic designers. Read this quick introduction to get you on the right track.
Give other people access to your website, in a full or limited way. This can include staff users, so their activity is tracked, independent SEO people, or staff POS users.
We make extensive use of the ColorBox popup, that popup with the thick rounded black edges. Click the link for more info
Advanced web designers might like to learn about our CSS approaches going forward, so you can do more interesting things with the basic templates
All blog pages provide individual RSS feeds for the page as well as a combined RSS feed.
Here is the process to follow to import a website designed externally.
The :active option in CSS is actually for an active link on the calling page.. but links only stay active for a split second, when a nwe page is loaded. Heres a quick way to change the class of current page.
Do you want to run advertising on your website? How do you go about it...
What to do if your filesite pages are being overwritten on when the site is published
A quick guide to where to add your js scripts to the custom template
Transfering a Website to a new owner
Please follow this procedure if you need to import a website with lots of pages.
We have Google ReCaptcha V3 and CleanTalk to help prevent spam on forms and forums.
HTML coding is required to enable youtube videos to work via a popup Colorbox video
Learn how we deal with mobile devices, and what else you can do with them.
How do you set the timezone for your country - this can be set in the contact area of your website
Learn more about using the [BANNERHOMES] feature for a rotating homes banner on your home page.
How best to update the website design of a live site
Each page has a unique ID.
Smart Blocks allow you to set and edit content once and have it update in multiple places on your site.
You can choose not to use the CMS for managing your website and upload your own HTML/CSS/JS files.

FAQ Topics

Search for help:

> Home