Creating custom modules for use in Content Templates | BG_ADV_CCT_005

In this tutorial, we'll learn how to leverage create custom modules for use in standard and custom Content Templates.

Here, "module" refers to one of the building blocks you can utilise whilst constructing your Content Template, such as when you select "paragraph", or "image" content types.

We wish for our newly created module to be selectable whilst we are creating our site pages using Content Templates.

  1. 1. Navigate to Content Templates

    TO begin, navigate to the Content Template screen. This is where you are able to create and modify custom Content Templates.

    If you cannot access this page, please put a request in with our Support team, who may need to enable your access.

    Navigate to Content Templates

  2. 2. Click on Add new

    We will begin as if we're making a completely new template, as seen in previous tutorials.

    Click on Add new

  3. 3. Enter a name for the custom Content Template

    Enter a name for the custom Content Template

  4. 4. Check Enabled

    Check Enabled

  5. 5. Click on Save and Continue Edit

    Click on Save and Continue Edit

  6. 6. Populate your HTML and Fields, then click Save

    Our example will be incredibly basic, simply to show you how this functionality operates.

    Populate the HTML Markup field with the required code, and remember you can create variable fields within this code using the Fields section.

    See previous videos in this tutorial series for further information.

    Populate your HTML and Fields, then click Save

  7. 7. Click on Settings

    Click on Settings

  8. 8. Check Content module

    Assigning this template as a Content Module is the first main change from previous tutorials. This enables a separate list, where you are able to select where this module is able to be placed.

    Check Content module

  9. 9. Select where the module can be placed

    For example, we will allow this module to be used as content within the 1 column layout.

    This is a commonly used area, which you will find is available in many of the default content templates.

    You can select multiple areas where this module can be used, if desired.

    Select where the module can be placed

  10. 10. Click on Save and Continue Edit

    That's it! Our basic content template module has now been generated.

    Now all we have to do is specify where we want to utilise it!

    Click on Save and Continue Edit

  11. 11. Navigate to an area where you wish to utilise this template

    In our example, we'll add it to the home page. I have navigated to the Above Midpage Content within the Editable Content area.

    Next, I will begin building my content, until I reach the point where our custom module can be utilised.

    Navigate to an area where you wish to utilise this template

  12. 12. Click on Section*

    Click on Section*

  13. 13. Click on Add Content

    Click on Add Content

  14. 14. Click on One Column*

    Click on One Column*

  15. 15. Click on Add Content

    Click on Add Content

  16. 16. Click on Custom Module 2

    We allowed our module to be added as content under the 1 Column layout.

    Once we reach this point when building our content, we will see our custom module is available for selection in the list.

    Click on Custom Module 2

  17. 17. If you created any variable fields, you will be able to populate them here

    If you created any variable fields, you will be able to populate them here

  18. 18. Click on Save and Continue Edit

    Click on Save and Continue Edit

  19. 19. Click on Clear cache

    Click on Clear cache

  20. 20. Navigate to the front end. You will see your custom module is now being utilised!

    Navigate to the front end. You will see your custom module is now being utilised!