Skip to main content
Skip table of contents

Manage Smart Pages Settings

Once saved, your Smart Page settings will be automatically applied to all Smart Pages in your account.

Payment Setup

This setting controls your payment gateways and the currencies you accept.

Image of Payment Setup selector icon
Select Payment Setup to apply your global payment settings, add the required gateways and currencies > Once completed, click save Image of save button

Picture of the payment setup settings in Engaging Networks

Smart Pages currently only supports Stripe and PayPal One Touch (with secret) Gateways

Live Gateway

Select the Stripe payment gateway for live transactions

Test Gateway

By default, you can use the Engaging Networks test gateway or select your own Stripe payment gateway for test transactions. To avoid unnecessary subsequent transactions on recurring gifts using the test gateway, a FUR transaction is created.

Live PayPal Gateway

Select your live PayPal One Touch payment gateway for PayPal and Venmo transactions. Your PayPal gateway will only be available to use if it uses the secret.

Test PayPal Gateway

Select your test PayPal payment gateway, PayPal and Venmo transactions

Default Currency

Select one of:

  • AUD - Australian Dollars

  • CAD - Canadian Dollars

  • EUR - Euros

  • GBP - Great British Pounds

  • USD - United States Dollars

Other Accepted Currencies

If required, choose additional donation currencies

Global Styles

This setting controls page styling, helping to ensure all smart pages start with the same look and feel.

Pages are fully customisable, and as you adjust your style settings, the visual guide will update to reflect your chosen styles. You can also update styles at an individual page level if a variant from the global styles is required.

Image of Global Style selector icon

Select Global Styles to apply your global style settings, add the required typography, page colours, form styles and logos > Once completed, click Save Styles Image of save style button

Picture of the global styles settings page in Engaging Networks

Typography

Choose your:

  • header font

  • body

  • base font size

Picture of typography select options in Engaging Networks

Picture of corresponding demo image showing page typography in Engaging Networks

Page Colors

Choose the colours for you:

  • Hero Text

  • Page Background

  • Body Test

  • Footer Background

  • Footer Text

  • Footer Link

You can select the footer logo choosing between:

  • logo for light background

  • logo for dark background

Picture of page color select options in Engaging Networks

Picture of corresponding demo image showing page colors in Engaging Networks

Form Styles

  • Primary Brand Colours (your buttons)

  • Form Background Color

  • Form Text Colour

  • Form Border Color/Radius

  • Field Border Color/Radius

  • Primary Button Text Color

  • Banner Background Color

  • Banner Text Color

Picture of form color select options in Engaging Networks

Picture of corresponding demo image showing form colors in Engaging Networks

Logos

Choose options for:

  • Logo for Light Background

  • Logo for Dark Background

  • Favicon (the image that displays on your browser tab)

Picture of corresponding demo image showing logo selection options for Engaging Networks

Receipting

Receipting icon

The receipting menu allows you to add your organisation’s address and any footer content you require to a receipt. You can choose to include or exclude receipts in the smart page > email setting.

Picture of the receipting settings page in Engaging Networks

Footer Settings

This setting controls the copy and links in the footer of your Smart Pages

Image of Footer selector icon

Select the footer to apply your global footer text and links > Once completed, click update footer. Image of update footer button

Picture of the footer settings page in Engaging Networks

Language

Using the language selector lets you create different footers for different locales.

Picture of the language select options in Engaging Networks

Footer Text
Footer is editable in a two-column format

  • Left: Allows one line of text

    • EG. ©Your Charity

  • Right: Allows multiple lines of text

    • EG. For your charity address

Picture of the footer text select options in Engaging Networks

Footer Links
This function allows you to choose a link and the corresponding text for any hyperlinks in your footer.

  • To add links: Select + Add New LinkImage of add new link button > Complete the link text and URL

  • To delete links, select the X symbol next to the URL

Picture of the footer links select options in Engaging Networks

Embed Code

One unique feature of smart pages is the ability to easily embed your donation form on your website. This can help streamline the donation experience for your supporters, as you won’t need to redirect them to another page.

To use the embed code functionality, you will need to have created at least one smart page. You can then follow the steps outlined on the embed code page.

Image of Embed Code selector icon

The Embed code setting provides a step-by-step guide to adding a lightbox to your website.

Gif showing the the transition of the lightbox from button click to donate form

  • With the necessary script and attributes in place, the lightbox functionality will enable a pop-up donation form on any page.

Allowed Domains

Add the domains here where you want your lightbox to be supported, and save.Save allowed domains button

Picture of the allowed domains setting for lightbox embedding in Engaging Networks

Testing and Enabling your Lightbox

The global settings for the embed code guide you through the steps required to enable the lightbox in your website's CMS. However, you may find it useful to test the function using a code block on an Engaging Networks page*:

  1. Copy the script from your settings into a code block

<html><body>

<script ADD THIS FROM YOUR PAGE></script>

</body></html>

  1. To test your lightbox using the test gateway, add the relevant page attribute using either the page slug or ID to the code block data-sp-page=”123” and the test attributes data-sptest="true" to the relevant <code> tag.

Test Version:
<html><body>

<script ADD THIS FROM YOUR PAGE></script>

<button data-sp-page="YOURPAGEID or SLUG" data-sp-test="true">Button wording</button>

</body></html>

Live Version:

<html><body>

<script ADD THIS FROM YOUR PAGE></script>

<button data-sp-page="YOURPAGEID or SLUG">Button wording</button>

</body></html>

Opt ins

Opt-ins need to exist on your account and, once selected, are universal across all smart pages. You can choose between explicit consent, where a supporter answers an opt-in question, and soft opt-ins, where a supporter is opted in automatically until they unsubscribe.

When enabled, opt-ins will appear when a supporter enters their name and email in the donation journey.

Image of Opt-ins selector icon

Select the required opt-ins > Once completed, click Update Opt-in Settings. Image of update opt-in settings button

Picture of the opt-in settings page in Engaging Networks

Explicit Consent

This option adds visible opt-in options to your page.

Consent Statement Text
Enable or disable an editable statement that appears before the opt-in questions.

Picture of consent statement text selector in Engaging Networks

Email/SMS Consent

Use to enable or disable explicit email and/or SMS consent.

  • Label: The message that appears with the question

  • Question: Choose the opt-in question(s) to use for email/sms on smart pages.

  • Display Style: Choose between checkboxes or radio buttons

Picture of email and SMS consent options in Engaging Networks

Soft Opt-in

This option pre-checks and hides the selected opt-ins on your page.

Question: Choose the opt-in question(s) you want the soft opt-in to be opted into on smart pages.

Picture of the questions associated with the soft opt in in Engaging Networks

Email/SMS Consent: Enable or disable an editable statement that appears when a supporter enters their name and email.

Picture of the soft opt in consent statement enabled in Engaging Networks

Analytics & Cookie Management

image-20260327-112137.png

Add your Google container ID, Meta, or Cookiebot Domain Group ID here.

Google Tag Manager

  1. Log in to your Tag Manager account and look for the container ID in the top right corner. It will start with GTM.

  2. Copy the full container ID, including GTM.

  3. Paste the container ID into the GTM Container ID field.

  4. Click Update Settings Image of update analytics settings button

Guide for creating the container in Google Tag Manager

Step 1: Download the Template Json File

Step 2: Import the Container to GTM

  1. Log in to your Google Tag Manager account.

  2. Navigate to the Admin tab at the top of the page.

  3. In the Container column (on the right), click Import Container.

  4. Choose container file: Select the .json file you just downloaded.

  5. Choose workspace: Select Existing and choose your "Default Workspace."

  6. Choose the import option: Select Merge.
    Important: Choose "Rename conflicting tags, triggers, and variables" to ensure you don't overwrite any of your existing tracking.

Step 3: Update with Your Tracking IDs inside GTM container

Once imported, you need to link the template to your specific accounts.

  1. Go to the Variables section in the left-hand menu.

  2. Look for the following two variables in the list:

    • Google Tag Measurement ID: Open this and replace the placeholder text with your "G-" ID from Google Analytics.

    • META_Pixel_ID: Open this and replace the placeholder with your 15-digit Meta Pixel ID.

Step 4: Preview and Publish

  1. Click Preview in the top right of GTM to test the tags on your donation page.

  2. Once you verify that the "Form Start" and "Donation Success" events are firing correctly, click Submit and then Publish.

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.

Contact Support Close