Skip to main content

Adding the Widget script to your website

How to add your customized form to your website with Squarespace, Ministry Designs, WIX, Wordpress, or Javascript

Caleb Miller avatar
Written by Caleb Miller
Updated this week

Text In Church offers the ability for you to add our new and improved 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 Connect Card right to your website.

To get started, you will need to navigate to the Connect Widgets under Cards. From here, you can click the โ€œLink Your Websiteโ€ button.


โ€‹
โ— Note: You must create a Connect Widget before adding a Widget to your website. Click here to learn more!

From here, you can either copy the Code Snippet to your clipboard, send the instructions if you have a dedicated website developer, or follow the instructions below!

Jump To:

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 Website, then under Utilities, click Website Tools, and then click Code Injection.

  • Add code: Add scripts to the Header Code Injection field. This allows you to add the code once, and it can then update with all of our pages in the linker.

  • Note: In Squarespace, you must have secure protocols turned on in order for the Text In Church Widgets to show up on the mobile versions of your website by default.

  • Done! Your new website is ready to display your Widget!

Ministry Designs

  • Log in to your Ministry Designs account

  • Select Pages in the main menu

  • Choose the page you want the Widget on.

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

  • Click save at the top

WIX

๐Ÿ›‘ Note: Only domain-connected WIX accounts can embed custom JavaScript onto the webpage.

You can embed your code by going to the Dashboard of your Wix Site:

  • Log in to your Wix account
    โ€‹

  • Head over to Settings
    โ€‹

  • Scroll down to Development & integrations
    โ€‹

  • Choose Custom Code
    โ€‹

  • Add the Widget's script to the Header of your site!
    โ€‹

Next, click "Custom Code" and add your Text In Church Connect Widget Code to the Header.


โ€‹You can also add the script to a Wix page by adding an HTML block with the script:

  • Log in to your Wix account
    โ€‹

  • Select Edit or Design Site:
    โ€‹

  • Click + Add

  • In the toolbar, select "Embed Code"
    โ€‹

  • Scroll through the options, then click "Marketing Tools"
    โ€‹

  • Click "Custom Code"

  • Select the "Header"
    โ€‹

  • Paste the Widget script and name the element.
    โ€‹

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

  • Click "Apply"


๐Ÿ›‘ Note: At this time, the button click using #ticpopup is not available for WIX users.
โ€‹
WIX's coding team may be able to help provide a workaround for this.
โ€‹

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.

  • First, go to Settings, then Code.

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

  • Last, but certainly not least, click Save Settings in the upper right corner!

ChurchCo

  • Log into your ChurchCo website Builder

  • Go "add ons & integrations" on their TTC dashboard:

  • Find the TIC section

Copy the Widget ID from your Connect Widget page
โ€‹

  • Add the widget ID in the field and save:

Did this answer your question?