How to Add Giving (2.0) to Your Website: Wix

Adding a giving button to your website doesn't have to be difficult or confusing! You can either use the direct link that takes people to your dedicated online giving form or you can embed your Tithely giving form right into your Wix website using your embed code.

Using the Giving Form Embed Code

Please Note: Before attempting to embed a code on your website please make sure your Wix Website theme and/or subscription allows for custom code. If it does not you will need to use the direct website giving link method on this article or upgrade your subscription.

It is also important to know if your website is SSL secure. If your site does not has SSL security the Tithely giving button will warn users that the site may not be secure. You can tell is your site has SSL Security if it starts with HTTPS. If your site only starts with HTTP you do not have this and will need to contact your website provider.

User Permissions needed to access Giving 
Account Owner, Admin, or Limited Access with access granted to the Giving Product. If you have additional questions please reference this article.

Retrieving Your Tithely Giving Form Code:

Login to your Tithely account and click on the "Giving Form" tab in the left menu:

You'll be taken to the Giving Form Editor. From here, you can customize the styling of your Giving Form and preview those changes as you make them. If you have multiple organizations (churches, campuses, ministries, etc) setup in your account, select the correct organization from the drop down in the top-left corner of the editor:

Giving Form

Make sure that you have the "Link and Embed" tab selected at the top of the Giving Form section:

Giving Form Link and Embed

From here, you will see an "Embed Code" text block. Simply select the Copy button on the right side of the block:

Giving Form Embed Code

Embedding the Tithely Form Code Into Wix:

If you have a account log into the admin side of your website. Locate the page you would like to add your giving button.

In the left hand menu, click the ‘+’ to add a new object. Locate the ‘More’ tab, then drag and drop the ‘HTML iframe’ object onto your page.

Wix Home PageA grey box will be placed on your page. Click on ‘Enter Code’ this is where you will place the Tithely Simple Giving Widget Code. Reference above if you need help locating your code.

Once you have placed the code be sure to set the width to 600px and the height to 800px

Save and preview and your giving button should be working! If you would like to center your button check out this article!

Using Direct Website Giving Link


If you cannot or don't want to use the embedded method, you can copy your dedicated Tithely giving form URL from the same page that you copied the Embed Code from:

Giving Form Embed Code

Your Direct Giving Link can either be used on social media, through newsletters, pasted anywhere on your site, or if your site allows, it can be added as a button.

Just add the direct giving link in the URL dedicated section and click save.

Was this article helpful?
0 out of 0 found this helpful