GabrielSoft - How to embed code into the head area on pages

There may be times when you would like to embed code into your eCatholic website, in order to track visitors, embed a Facebook pixel, add an external pop-up dialogue, etc. There are two ways that you can embed code into the head tag on your website, and this article shares how you can accomplish each method.

IN THIS ARTICLE:

  1. How to embed code into the <head> area for every page.
  2. How to embed code into the <head> area for a specific page.

How to embed code into the <head> area for every page.

1

Navigate to the Google / <head> settings

Once you have logged in to your website, click on the Admin tab in the white Admin toolbar at the top of the page. Then, click on the Settings tab, and select the Google / <head> tab (pictured below).

2

Add your code

Copy the code that you would like to embed on your website pages, and paste it into the Google Analytics Code / <head> box (pictured below). This could be your Google Analytics code, Facebook Pixel code, etc.

3

Save you changes

When done, click the green Save/Publish button to save your changes.


 

How to embed code into the <head> area for a specific page

1

Enable code box for individual pages

First, you will need to enable the  Additional <head> code field for Pages, Events, and News. Navigate to the Google / <head> tab, which is listed under your Admin Settings (see step 1 above).

Then, under the field  Additional <head> code... select Only Administrators (pictured below).

2

Open your page settings

Navigate to the page where you'd like to embed your code. When you are on the correct page, select the Page Settings icon, located at the bottom left of your white Page Toolbar (pictured below).

3

Paste your code

When the Page Settings opens, navigate to the Advanced tab. Paste your code into the Page <head> Code box (pictured below).

4

Save and publish your changes

When done, click the green Save button to close the Page Settings. Then, be sure to publish your page, by clicking the green Save/Publish button in your Page Toolbar. This will activate the embedded code.

NOTE: A second embed component may be required. For instance, if your newsletter plugin provides you with a second code, simply use the Embed Module to insert that additional code to your web page.

Get Started: How to embed content