Module Guides

Module How-To: Accordion

Module How-To: Accordion

A quick how-to on how to use the Accordion module.
Creation Date: March 26, 2024
Created By: Oren Shapiro

1. Go to your Drag and Drop Module drawer.

Select your the module you want and drag it to the zone you want.

Go to your Drag and Drop Module drawer.
2. Edit the Widget

Click on the Pencil icon.

Edit the Widget
3. Name Your Module "Accordion"

To help organize your content and modules, its good practice to name your module.

Name Your Module "Accordion"
4. Click on Add new record
Click on 	Add new record
5. Type Your Accordion Header
Type Your Accordion Header
6. Enter a Hashtag

This is usually just a repeat of your title name as one word or no spaces.

Enter a Hashtag
7. Click on Update

To complete your edits, click on Update to exit to the accordion lister variations.

Click on Update
8. Let's add more Accordions. Click Add new record
Let's add more Accordions. Click Add new record
9. Enter another Header. i.e.. "Header 2"
Enter another Header. ie. "Header 2"
10. Enter a Hashtag
Enter a Hashtag
11. Click on Update
Click on Update
12. Click on the Live Preview Editor to Preview Your Changes
Click on the Live Preview Editor to Preview Your Changes
13. Preview Your Changes
Preview Your Changes

Module How-To: Tab Lists

Module How-To: Tab Lists

A quick how-to on how to use the Tab Lists module.

Creation Date: March 26, 2024
Created By: Oren Shapiro

1. Go to your Drag and Drop Module drawer.

Select your the module you want and drag it to the zone you want.

Go to your Drag and Drop Module drawer.
2. Edit the Widget - Click on the Pencil icon
Edit the Widget - Click on the Pencil icon
3. Name Your Module

To help organize your content and modules, its good practice to name your module.

Name Your Module
4. Click on Add new record
Click on 	Add new record
5. Enter Your Header
Enter Your Header
6. Enter a Hashtag - This is usually just a repeat of your title name as one word or no spaces.
Enter a Hashtag - This is usually just a repeat of your title name as one word or no spaces.
7. Enter Your Content
Enter Your Content
8. Click on Update
Click on Update
9. Click on Add new record
Click on 	Add new record
10. Click on Update
Click on  Update
11. Click on the Live Preview Editor to Preview Your Changes
Click on the Live Preview Editor to Preview Your Changes
12. Preview Your Changes
Preview Your Changes

Module How-To: Content Area

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.

Creation Date: Mar 26, 2024
Created By: Oren Shapiro

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

Module How-To: Content Card

Module How-To: Content Card

A quick how-to on how to use the Card Card module.

Creation Date: Mar 27, 2024
Created By: Oren Shapiro

1. Add a Content Card

Go to your Drag and Drop Module drawer. Select the widget you want and drag it to the zone of your choice. Edit the Widget. Click on the Pencil icon.

Add a Content Card

2. Give a Title to your Content Card. And select how you want to display your Text Layout from the dropdown menu using the arrow on the right.

Give a Title to your Content Card. And select how you want to display your Text Layout from the dropdown menu using the arrow on the right.

3. Setting up the Content Card

You can add a Category, Heading and Sub-heading. You can also use the Navigation URL by clicking the Select button to link the card to another page in your website by choosing one of the pages from the list. In the Card Image section use the Select button to add an image.

Setting up the Content Card

4. Enter Content

Enter Content

5. Click on Update to save your Content Card

Click on Update to save your Content Card

Module How-To: Card List

Module How-To: Card List

A quick how-to on how to use the Card List module.

Creation Date: March 27, 2024
Created By: Oren Shapiro

1. Go to your Drag and Drop Module drawer. Select your the widget you want and drag it to the zone you want.
Go to your Drag and Drop Module drawer. Select your the widget you want and drag it to the zone you want.
2. Select the widget you wish to use and drag it to the zone of your choice.
Select the widget you wish to use and drag it to the zone of your choice.
3. Edit the Widget. Click on the Pencil icon.
Edit the Widget. Click on the Pencil icon.
4. Name Your Widget. To help organize your content and modules, its good practice to name your module.
Name Your Widget. To help organize your content and modules, its good practice to name your module.
5. Select how you want to display your Text Layout
Select how you want to display your Text Layout
6. Select the number of item you want per row
Select the number of item you want per row
7. Click on Add new record
Click on 	Add new record
8. Select a Category
Select a Category
9. Select a Category Color
Select a Category Color
10. Enter a Heading
Enter a Heading
11. Enter a Sub-heading
Enter a Sub-heading
12. Select a URL if you are linking the card
Select a URL if you are linking the card
13. Select an Image to display
Select an Image to display
14. Enter Content
Enter Content

Module How-To: Events Lister

Module How-To: Events Lister

A quick how-to on how to use the Events Lister module.

Creation Date: March 27, 2024
Created By: Oren Shapiro

1. Go to your Drag and Drop Module drawer. Select your the widget you want and drag it to the zone you want.
Go to your Drag and Drop Module drawer. Select your the widget you want and drag it to the zone you want.
2. Select the widget you wish to use and drag it to the zone of your choice.
Select the widget you wish to use and drag it to the zone of your choice.
3. Edit the Widget. Click on the Pencil icon.
Edit the Widget. Click on the Pencil icon.
4. Select a detail page (every lister tool requires a detail page where the content will be displayed) and a List page, where the list of 'event enteries' will be listed.
Select a detail page (every lister tool requires a detail page where the content will be displayed) and a List page, where the list of 'event enteries' will be listed.
5. Select a detail page. Before this step go to Page Manager create a "Events Detail" as a sub to the "Events Lister" page.
Select a detail page. Before this step go to Page Manager create a "Events Detail" as a sub to the "Events Lister" page.
6. Select the page the will list the events as a landing page.
Select the page the will list the events as a landing page.
7. Edit your Button Text
Edit your Button Text
8. List Settings - here you can set how you want your events to be displayed
List Settings - here you can set how you want your events to be displayed
9. Select how many enteries per row you wish to have
Select how many enteries per row you wish to have
10. Select how many enteries per page you wish to have
Select how many enteries per page you wish to have
11. Edit your Button Text
Edit your Button Text
12. Click on Update
Click on  Update

Module How-To: Dynamic Forms

Module How-To: Dynamic Forms

A quick how-to on how to add a form to a page

Creation Date: March 27, 2024
Created By: Oren Shapiro

1. Go to your Drag and Drop Module drawer. Select your the widget you want and drag it to the zone you want.
Go to your Drag and Drop Module drawer. Select your the widget you want and drag it to the zone you want.
2. Select the widget you wish to use and drag it to the zone of your choice.
Select the widget you wish to use and drag it to the zone of your choice.
3. Edit the Widget. Click on the Pencil icon.
Edit the Widget. Click on the Pencil icon.
4. Select the form you wish to display
Select the form you wish to display
5. Click on Update
Click on  Update

Module How-To: Service Lister

Module How-To: Service Lister

A quick how-to on how to use the Service Lister module.

Creation Date: March 27, 2024
Created By: Oren Shapiro

1. Go to your Drag and Drop Module drawer. Select your the widget you want and drag it to the zone you want.
Go to your Drag and Drop Module drawer. Select your the widget you want and drag it to the zone you want.
2. Select the widget you wish to use and drag it to the zone of your choice.
Select the widget you wish to use and drag it to the zone of your choice.
3. Edit the Widget. Click on the Pencil icon.
Edit the Widget. Click on the Pencil icon.
4. Select a detail page. Before this step go to Page Manager create a "Service Detail" as a sub to the "Service Lister" page.
Select a detail page. Before this step go to Page Manager create a "Service Detail" as a sub to the "Service Lister" page.
5. Select the page that will list the services as a landing page.
Select the page that will list the services as a landing page.
6. Select how many enteries per row you wish to have
Select how many enteries per row you wish to have
7. Determine the number of enteries to show and Sort Order
Determine the number of enteries to show and Sort Order
8. Click on Button Text
Click on Button Text
9. Click on Update
Click on  Update

Module How-To: Register

Module How-To: Register

A quick how-to on how to add the Register Module to enable user registrations

Creation Date: March 27, 2024
Created By: Oren Shapiro

1. Create a blank page and call it Register
Create a blank page and call it Register
2. Click on Content
Click on Content
3. Go to your Drag and Drop Module drawer. Select your the widget you want and drag it to the zone you want.
Go to your Drag and Drop Module drawer. Select your the widget you want and drag it to the zone you want.
4. Select the widget you wish to use and drag it to the zone of your choice.
Select the widget you wish to use and drag it to the zone of your choice.
5. Click on Publish
Click on  Publish

Module How-To: News Lister

Module How-To: News Lister

A quick how-to on how to use the News Lister module.

Creation Date: Mar 27, 2024
Created By: Oren Shapiro

1. Go to your Drag and Drop Module drawer. Select your the widget you want and drag it to the zone you want.

Go to your Drag and Drop Module drawer. Select your the widget you want and drag it to the zone you want.

2. Select the widget you wish to use and drag it to the zone of your choice.

Select the widget you wish to use and drag it to the zone of your choice.

3. Edit the Widget. Click on the Pencil icon.

Edit the Widget. Click on the Pencil icon.

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

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

5. Select a detail page (every lister tool requires a detail page where the content will be displayed) and a List page, where the list of 'article enteries' will be listed.

Select a detail page (every lister tool requires a detail page where the content will be displayed) and a List page, where the list of 'article enteries' will be listed.

6. Select a detail page. Before this step go to Page Manager create a "News Detail" as a sub to the "News Lister" page.

Select a detail page. Before this step go to Page Manager create a "News Detail" as a sub to the "News Lister" page.

7. Select the page the will list the articles as a landing page.

Select the page the will list the articles as a landing page.

8. List Settings - here you can set how you want your articles to be displayed

List Settings - here you can set how you want your articles to be displayed

9. Optional: Check/Uncheck if you want to only show featured items.

Optional: Check/Uncheck if you want to only show featured items.

10. Optional: Check/Uncheck if you want to show a category tag.

Optional: Check/Uncheck if you want to show a category tag.

11. Click on Show Tags

Click on Show Tags

12. Select how many enteries per row you wish to have

Select how many enteries per row you wish to have

13. Select how many enteries per page you wish to have

Select how many enteries per page you wish to have

14. Select what the max enteries you wish to have

Select what the max enteries you wish to have

15. Select what the max entries age you wish to have

Select what the max entries age you wish to have

16. Select your sort preference

Select your sort preference

17. Type in what you want the article 'learn more' button to say

Type in what you want the article 'learn more' button to say

18. Click on Update

Click on  Update

Module How-To: Sitemap

Module How-To: Sitemap

A quick how-to on how to use the Sitemap module that enable you to add a Sitemap to your site.

Creation Date: Mar 27, 2024
Created By: Oren Shapiro

1. Create a blank page and name it Sitemap. Then click on the Content icon to edit.

Create a blank page and name it Sitemap. Then click on the Content icon to edit.

2. Go to your Drag and Drop Module drawer - Select the Sitemap widget and drag it to the zone you want.

Go to your Drag and Drop Module drawer - Select the Sitemap widget and drag it to the zone you want.

3. Click on Publish

Click on Publish

4. Add or remove a page from your sitemap

To add or remove a page from your sitemap you must go into the Properties of that page by clicking on the gear icon.

Add or remove a page from your sitemap

5. Check Visible in Sitemap

To add/remove a page to the sitemap check/uncheck the Visible in Sitemap box and be sure to click Update in the top right corner to save that change

Check Visible in Sitemap

Module How-To: Social Sharing Button

Module How-To: Social Sharing Button

A quick how-to on how to add a Social Sharing Button

Creation Date: Mar 28, 2024
Created By: Oren Shapiro

1. Go to your Drag and Drop Module drawer - Select your the widget you want and drag it to the zone of your choice.

Go to your Drag and Drop Module drawer - Select your the widget you want and drag it to the zone of your choice.

2. Select Social Sharing and Drag and Drop it into the zone you want the feed to appear.

Select Social Sharing and Drag and Drop it into the zone you want the feed to appear.

3. Click on Function and Publish, that's it!

Click on Function and Publish, that's it!

Module How-To: Twitter Feed

Module How-To: Twitter Feed

A quick how-to on how to add a Twitter Feed to your page

Creation Date: Mar 28, 2024
Created By: Oren Shapiro

1. Go to your Drag and Drop Module drawer - Select your the widget you want and drag it to the zone you want.

Go to your Drag and Drop Module drawer - Select your the widget you want and drag it to the zone you want.

2. Select Twitter Feed and Drag and Drop it into the zone you want the feed to appear.

Select Twitter Feed and Drag and Drop it into the zone you want the feed to appear.

3. Click Edit

Click Edit

4. Enter any identifying number for this specific feed. Similar to naming your widget.

Enter any identifying number for this specific feed. Similar to naming your widget.

5. Enter your Twitter Username with the @ sign

Enter your Twitter Username with the @ sign

6. Enter how high you want the module to be. Default will be 100% of the module row space.

Enter how high you want the module to be. Default will be 100% of the module row space.

7. Check/Uncheck if you want to Show Heading

Check/Uncheck if you want to Show Heading

8. Click on Update

Click on Update
Back to Top Button