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: March 26, 2024
Created By: Oren Shapiro

1. Go to your Drag and Drop Module drawer.
Go to your Drag and Drop Module drawer.
2. Select your the module you want and drag it to the zone you want.
Select your the module you want and drag it to the zone you want.
3. Edit the Widget - Click on the Pencil icon.
Edit the Widget - Click on the Pencil icon.
4. Name Your Module - To help organize your content and modules, its good practice to name your module.
Name Your Module - To help organize your content and modules, its good practice to name your module.
5. Add your content in the WYSIWYG Editor
Add your content in the WYSIWYG Editor
6. For Example: Add some text and apply the Header stule
For Example: Add some text and apply the Header stule
7. Example Text Input: Welcome to my website
Example Text Input: Welcome to my website
8. Now change the color.
Now change the color.
9. Click on Update - To complete your edits, click on Update.
Click on  Update - To complete your edits, click on Update.
10. Click on the Live Preview Editor to Preview Your Changes
Click on the Live Preview Editor to Preview Your Changes
11. 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: 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 how you want to display your Text Layout
Select how you want to display your Text Layout
5. Select a Category
Select a Category
6. Select a Category Color
Select a Category Color
7. Click on Heading
Click on Heading
8. Enter a Sub-heading
Enter a Sub-heading
9. Select a URL if you are linking the card
Select a URL if you are linking the card
10. Select an Image to display
Select an Image to display
11. Enter Content
Enter Content
12. Click on Update
Click on  Update

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: 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 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 enteries age you wish to have
Select what the max enteries 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: March 27, 2024
Created By: Oren Shapiro

1. Create a blank page and name it Sitemap
Create a blank page and name it Sitemap
2. Click on Content to edit
Click on Content to edit
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 Sitemap
Select Sitemap
5. Place it in the zone you wish for the sitemap to be display.
Place it in the zone you wish for the sitemap to be display.
6. Click on Publish
Click on  Publish

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: March 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 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: March 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 it to be Height. Default will be 100% of the module row space.
Enter how high you it to be Height. 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