Module How-To: Content Area

Oren Shapiro

Created Mar 26, 2024

Module How-To: Content Area

A quick how-to on how to use the Content Area module. The Content Area module is one the most versatile Modules in Advantage CSP - that is because using the wysiwyg editor or any HTML you can think of you, you are free to design whatever you want.

You can use rich snippets, inject third-party content scripts and so much more. The Content Area module is truly a blank canvas for you build and design with complete freedom.

19
    g

Module How-To: Content Area

9 Steps
1

Go to your Drag and Drop Module drawer. Select the module you want and drag it to the zone you want. Click the pencil icon to edit.

Go to your Drag and Drop Module drawer. Select the module you want and drag it to the zone you want. Click the pencil icon to edit.
2

Name Your Module - To help organize your content and modules, its good practice to name your module.

You can adjust the size of the Content Area and add CSS if you need to. Use the WYSIWYG Editor of the Content section to create your content.

Name Your Module - To help organize your content and modules, its good practice to name your module.
3

For Example: Add some text and apply the Header style

For Example: Add some text and apply the Header style
4

Example Text Input: Welcome to my website

Example Text Input: Welcome to my website
5

Now change the colour.

Now change the colour.
6

Click on Update - To complete your edits, click on Update.

Click on Update - To complete your edits, click on Update.
7

Insert tab - allows you to add tables, images, videos, links and code snippets

Insert tab - allows you to add tables, images, videos, links and code snippets
8

Click on the Live Preview Editor to Preview your changes

Click on the Live Preview Editor to Preview your changes
9

Preview your changes

Preview your changes
Well done!
Create how-to guides like this in a snap. Get Tango now.