What would you like to know more about?

Specific CMS Tips

Widgets are designed to live on your website. The steps for getting started with Widgets are very similar for each CMS. However, there are some nuances and information unique to each CMS.

Note: Widgets can be added to a website with very little coding knowledge. But, it is highly likely you will need to work closely with your web staff, team, or vendor to successfully integrate Widgets into the existing ecosystem of your church website.

Refresh Websites

Don't have a CMS yet? With Refresh Websites, you can easily build a personalized, professional, mobile-friendly website using templates with drag-and-drop formatting. Refresh Websites includes unlimited users, unlimited pages, custom forms, a graphics library and editor, and website analytics. Check them out!

eCatholic

After adding Widgets to your eCatholic site, we recommend opening a new browser window in Incognito mode to view and test your Widgets. Otherwise, you must fully log out of all eCatholic windows in order to view your newly added Widgets properly.

Ekklesia 360

To get Widgets up and running using Ekklesia 360 CMS:

Squarespace

To get Widgets up and running using Squarespace CMS:

  • Confirm you're using the version that allows injection.
  • Site Settings > go to injection > Add Header Code.
  • From a page:
    • Click the "+" to add an element.
    • Choose "Code".
    • Add the Widget code.
    • Make sure you added <div></div> tags around the Widget code.
    • Click "Hide Code".
    • Save.
  • Enjoy your shiny new Widget!

Subsplash

Unfortunately, Subsplash does not support Widgets. However, some churches have had success using Widgets with Subsplash when they don't apply any CSS. You can follow the instructions in the Quick Start guide and see if it works for your church!

Weebly

To use Widgets with Weebly CMS:

  • When adding the Widget to your Weebly website, make sure you add <div></div> tags around the Widget code.

Wordpress

To get Widgets up and running using Wordpress CMS:

  • We recommend taking advantage of the option to place the shared script in an element that appears on every page (for example, in your website header) to avoid having to add that script to each and every page where a will Widget live.
  • When adding specific Widgets to Pages, place them in block type "custom HTML".
  • If preferred, switch from "Visual Editor" to "Code Editor".
  • We've added a Header/Footer plugin so that a header displays on each page.

Using a different CMS? Let Support know your tips and specific steps you follow so we can share with the community! Or, let Support know where you're struggling and we'll see if we can help you work with your CMS vendor.

Note: We have not been able to integrate Widgets with Wix, unfortunately. We're sorry for the inconvenience if you use the Wix CMS.

Add Widgets to Squarespace

  1. Confirm you're using the version that allows injection.
  2. In Site Settings, go to Injection > Add Header Code.
  3. From a page:
    1. Click the + to add an element.
    2. Select Code.
    3. Add the widget code.
    4. Make sure you added the <Div></Div> tags before and after the Widget code.
    5. Click Hide Code.
    6. Click Save.