Text In Church offers the ability for you to add our new and improved Smart Connect Card to your website. This is a great way for your website to interact with its visitors.  

For example, you could offer pre-registration for VBS or a Plan A Visit form for guests. In this article, we will walk you through how to add the script for a Smart Connect Card right to your website.

Jump To:

  1. Squarespace:

  2. Ministry Designs

  3. WIX

  4. WordPress

  5. SubSplash

Squarespace

On Squarespace, you can add custom code and scripts to your whole site using the Code Injection area in Advanced Settings:

  • In the Home Menu, click Settings, Advanced, and then click Code Injection.

  • Add code: Add scripts to the appropriate Code Injection fields. Here we are adding to the Header. Code added here is injected into the tag on every page on your site.

  • Save: After adding your code, click on Save.

  • Done! Your new widget is ready to be published!

    You can also add to individual pages as desired instead of the whole site:

    To add to an individual page in Square Space you can follow these directions:

    1. When editing a page, you can add a block to any section (or create your own section for this)

    2. From the block type selection, choose Embed code

    3. Using the pencil icon, go into the edit menu for that newly added block

    4. Click Code Snippet
    5. Click Embed Data

    6. In the code box, paste the code from Step 4 of the Smart Connect Card Builder

    7. Save the Page

    8. Done! Your preview of the Smart Connect Card widget should appear now in edit mode and live on your site.

    Note: If you add it as its own section it will take up some blank space on your page, however, the code won't show. To reduce this blank space, you can edit the section and adjust the rows, gap, height and fill screen.

Ministry Designs

  • Log in to your Ministry Designs account

  • Select Pages in the main menu

  • Choose the page you want the card on.

  • Scroll down to "Footer" in the right-side panel and paste your code

  • Click save at the top

WIX

Adding your code to a Wix page is simple by adding an HTML block with your script:

  • Log in to your Wix account

  • Select Edit Site

  • Click + Add

  • In the toolbar, select "Embed"

  • Scroll through the options, then click "Marketing Tools"

  • Click "Custom Code"

  • Select the "Header"

  • Paste the Smart Connect Card script and Give the element a name of your choice

  • Select "All pages" to have the script applied to all pages of your website

  • Click "Apply"

WordPress

Struggling with how to include a script to the WordPress header? You have 2 options for inserting JavaScript:

  • Use a WordPress Plugin

  • Add the JavaScript Code directly

Use a WordPress Plugin

You could use a WordPress plugin if you want to insert JavaScript into your site. There are a variety of plugins out there. One of the more popular plugins is Insert Headers and Footers. For most users, the easiest way to add code to the WordPress header and footer is via a plugin. Essentially, you will need to copy the JavaScript embed code, then follow the instructions of whatever plugin you choose to use. First, let's install the plugin:

  • Log in to your WordPress site.

  • Go to Plugins > Add new

  • Search for "Header and Footer Scripts".

  • Click "Install Now" and activate the plugin.

  • You can add your code directly into WordPress:

  • Click on the "Save Settings" button.

Directly Add Your JavaScript Code

If you have a bit of JavaScript code that you want to execute directly on a post or page, just add your code in the “Text” view of the editor.

SubSplash

  • Log into your SubSplash website builder

  • To insert custom code, open the Page Menu

  • Paste your Code into the "Header" field for the desired page

Did this answer your question?