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: