1. Go to your Drag and Drop Module drawer.

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

2. Edit the Widget

Click on the Pencil icon.

3. Select the Height for the Banner

4. Click on Add new record

5. Check / Uncheck Show Text

If you want to show text, check this option.

6. Select Text Alignment

Select how you want your text to align.

7. Enter your title

8. Select a Link

If you want your banner to link to an internal page click on Select and a window will pop-up with the Page Manager list of pages.

9. Select the page you want.

10. Click on Select

11. Select your image for your banner

12. Select your image from the Image Manager

13. Click on Select

14. Click on Active

15. Click on Content

Optional: If you want to add subtitles to your banner or any other text, enter it here.

16. Click on Update

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

17. Click on Update

They click Update again to exit the Widget

18. Click on the Live-Preview Editor

19. Review your Banner edits.

A quick how-to on how to use the Video Banner module.

# Module How-To: Video Banner

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

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

3. Select the Height for the Banner

4. Click on Add new record

5. Check / Uncheck Show Text

If you want to show text, check this option.

6. Select Text Alignment

Select how you want your text to align.

7. Enter your title

8. Select a Link

If you want your banner to link to an internal page or document click Link or Document then click on Select and a window will pop-up with the Page Manager list of pages.

9. Optional: Image on Small Screen

If you don't want a video to play on a small screen you can choose an image.

10. Click on Content

Optional: If you want to add sub description to your banner or any other text, enter it here.

11. Click on Update

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

12. Click on Update

They click Update again to exit the Widget

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

# Widget How-To: Carousel

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

2. Click on Carousel

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

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

5. Click on Add new record

6. Enter a Title

7. Optional: Select a Page to Link to

If you want the carousel to link to different pages or objects select a page or enter a URL.

8. Click on Select to Link a Page

9. Pick a Page

10. Click on Select

11. Enter a Category

12. Select a Category Color

13. Add an Image

14. Click on Select

15. Select an Image

16. Click on Select

17. Click on Update

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

18. Click on Add new record

To add another carousel image.

19. Preview Your Edits

Click on the Live Preview Editor

20. Preview Your Carousel

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

# Module How-To: Accordion

1. Go to your Drag and Drop Module drawer.

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

2. Edit the Widget

Click on the Pencil icon.

3. Name Your Module "Accordion"

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

4. Click on Add new record

5. Type Your Accordion Header

6. Enter a Hashtag

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

7. Click on Update

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

8. Let's add more Accordions. Click Add new record

9. Enter another Header. i.e.. "Header 2"

10. Enter a Hashtag

11. Click on Update

12. Click on the Live Preview Editor to Preview Your Changes

13. Preview Your Changes

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

# Module How-To: Tab Lists

1. Go to your Drag and Drop Module drawer.

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

2. 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.

4. Click on Add new record

5. Enter Your Header

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

7. Enter Your Content

8. Click on Update

9. Click on Add new record

10. Click on Update

11. Click on the Live Preview Editor to Preview Your Changes

12. Preview Your Changes

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.

# Module How-To: Content Area

1. Go to your Drag and Drop Module drawer.

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

3. 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.

5. Add your content in the WYSIWYG Editor

6. For Example: Add some text and apply the Header stule

7. Example Text Input: Welcome to my website

8. Now change the color.

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

10. Click on the Live Preview Editor to Preview Your Changes

11. Preview Your Changes

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

# Module How-To: Content Card

1. 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.

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

4. Select how you want to display your Text Layout

5. Select a Category

6. Select a Category Color

7. Click on Heading

8. Enter a Sub-heading

9. Select a URL if you are linking the card

10. Select an Image to display

11. Enter Content

12. Click on Update

A quick how-to on how to create a search results page

# Module How-To: Search

1. Create a blank page and call it Search

2. 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.

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

5. Click on Publish

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

# Module How-To: Card List

1. 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.

3. 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.

5. Select how you want to display your Text Layout

6. Select the number of item you want per row

7. Click on Add new record

8. Select a Category

9. Select a Category Color

10. Enter a Heading

11. Enter a Sub-heading

12. Select a URL if you are linking the card

13. Select an Image to display

14. Enter Content

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

# Module How-To: Events Lister

1. 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.

3. 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.

5. 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.

7. Edit your Button Text

8. 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

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

11. Edit your Button Text

12. Click on Update

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

# Module How-To: Dynamic Forms

1. 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.

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

4. Select the form you wish to display

5. Click on Update

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

# Module How-To: Service Lister

1. 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.

3. 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.

5. Select the page that will list the services as a landing page.

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

7. Determine the number of enteries to show and Sort Order

8. Click on Button Text

9. Click on Update

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

# Module How-To: Register

1. Create a blank page and call it Register

2. 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.

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

5. Click on Publish

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

# Module How-To: News Lister

1. 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.

3. 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.

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.

6. 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.

8. 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.

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

11. Click on Show Tags

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

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

14. Select what the max enteries you wish to have

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

16. Select your sort preference

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

18. Click on Update

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

# Module How-To: Sitemap

1. Create a blank page and name it Sitemap

2. 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.

4. Select Sitemap

5. Place it in the zone you wish for the sitemap to be display.

6. Click on Publish

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

# Module How-To: Social Sharing Button

1. 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.

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

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

# Module How-To: Twitter Feed

1. 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.

3. Click Edit

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

5. 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.

7. Check/Uncheck if you want to Show Heading

8. Click on Update