Add Common Ninja sections to your site
Naoko avatar
Written by Naoko
Updated over a week ago

How to add Common Ninja sections

Add audio player by Common Ninja

To add an Audio Player section,

  1. Choose Business > Go to Website > Edit website.

  2. Click on "Add Section" to add an Audio Player. (You can move the section later as well)

  3. Scroll down to Audio Player by Common Ninja and click it.

  4. The popup window allows you to edit songs, look and feel, and settings, which are located on the left-hand menu.

  5. There is a "Take a quick tour around?" button on the bottom right corner, so be sure to take a tour for detailed customization options!

  6. When you finish customizing, click "Save Changes" at the top right of the popup section editor and "Save" at the website editor in the top bar.

For detailed information on Audio Player by Common Ninja, you can check Audio Player for Durable on the Common Ninja website.

Add before & after slider by Common Ninja

To add the Before & After Slider section,

  1. Choose Business > Go to Website > Edit website.

  2. Click on "Add Section" to add the Before & After slider. (You can move the section later as well)

  3. Scroll down to Before & After Slider by Common Ninja and click it.

  4. The popup window allows you to edit content, look and feel, and settings, which are located on the left-hand menu.

  5. There is a "Take a quick tour around?" button on the bottom right corner, so be sure to take a tour for detailed customization options!

  6. When you finish customizing, click "Save Changes" at the top right of the section editor and "Save" at the website editor in the top bar.

For detailed information on the Before & After Slider by Common Ninja, please see Before & After Slider for Durable on the Common Ninja Website.

Add comparison tables by Common Ninja

To add a Comparison Tables section,

  1. Choose Business > Go to Website > Edit website.

  2. Click on "Add Section" to add a Comparison Table. (You can move the section later as well)

  3. Scroll down to Comparison Tables by Common Ninja and click it.

  4. In the popup window, you can edit content, look & feel, settings, and integration on the left-hand side menu.

  5. There is a "Take a quick tour around?" button on the bottom right corner, so be sure to take a tour for detailed customization options!

  6. When you finish customizing, click "Save Changes" at the top right of the section editor and "Save" at the website editor in the top bar.

For detailed information on Comparison Tables by Common Ninja, please check Comparison Tables for Durable on the Common Ninja Website!

Add real estate listings by Common Ninja

To add the Real estate listings section:

1. Go to Website > Edit website.

2. Click "Add section +" where you want to add the Real estate listings section.

3. Choose Real estate listings from the list.

4. Edit the catalogue items on the left-hand side of the Common Ninja editor window.

5. Please click the "Show me around" button to learn about the editor.

6. Click "Save" in Common Ninja Editor and "Save" again in the top bar.

Add Timeline by Common Ninja

To add a Timeline section,

  1. Choose Business > Go to Website > Edit website.

  2. Click on “Add Section” where you want to add an Opening Hours. (You can move the section later as well)

  3. Scroll down to Timeline by Common Ninja and click it.

  4. In the popup window, you can edit content and look & feel on the left-hand side menu.

  5. There is a "Take a quick tour around?" button on the bottom right corner, so be sure to take a tour for detailed customization options!

  6. When you finish customizing, click “Save Changes” in the top right of the section editor, and click “Save” at the top bar.

Add Facebook feed by Common Ninja

To add a Facebook feed section,

  1. Choose Business > Website > Edit website.

  2. Click on “Add Section” to add a Facebook feed. (You can move the section later as well)

  3. Scroll down to the Facebook feed by Common Ninja and click it.

  4. The popup window allows you to edit content, look and feel, and settings, which are located on the left-hand menu.

  5. There is a "Take a quick tour around?" button on the bottom right corner, so be sure to take a tour for detailed customization options!

  6. When you finish customizing, click “Save Changes” in the top right of the section editor, and click “Save” in the website editor on the top bar.

For detailed information on Facebook Feed by Common Ninja, please check Facebook Feed for Durable on the Common Ninja Website!

Add opening hours by Common Ninja

To add an Opening Hours section,

  1. Choose Business > Go to Website > Edit website.

  2. Click on “Add Section” where you want to add an Opening Hours. (You can move the section later as well)

  3. Scroll down to Opening Hours by Common Ninja and click it.

  4. In the popup window, you can edit content and look & feel on the left-hand side menu.

  5. There is a "Take a quick tour around?" button on the bottom right corner, so be sure to take a tour for detailed customization options!

  6. When you finish customizing, click “Save Changes” in the top right of the section editor, and click “Save” at the top bar.

For detailed information on Opening Hours by Common Ninja, please check Opening Hours for Durable on the Common Ninja Website!

Add Restaurant menu list by Common Ninja

To add an Opening Hours section,

  1. Choose Business > Go to Website > Edit website.

  2. Click on “Add Section” where you want to add an Opening Hours. (You can move the section later as well)

  3. Scroll down to Restaurant menu list by Common Ninja and click it.

  4. In the popup window, you can edit content and look & feel on the left-hand side menu.

  5. There is a "Take a quick tour around?" button on the bottom right corner, so be sure to take a tour for detailed customization options!

  6. When you finish customizing, click “Save Changes” in the top right of the section editor, and click “Save” at the top bar.

For detailed information on Opening Hours by Common Ninja, please check Opening Hours for Durable on the Common Ninja Website!

Add PDF gallery by Common Ninja

For information about the PDF Gallery Section, check out the CommonNinja page.

Follow the steps below to add this section:

  1. Choose Go to Website > Edit website.

  2. On Website Editor, click “Add Section.

  3. Search or Browse for PDF Gallery, then select PDF Gallery.

  4. Click “Show me around” to initiate the editor guide.

  5. Customize your section and click "Save changes" in the Common Ninja editor.

  6. Click "Save" again at the top bar.

Here’s a video for quick reference: PDF Gallery

Did this answer your question?