❗ Important Note: The New Giving Form is currently in Early Access. If you are not part of the Early Access program this is not applicable to you at this time.

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 Tithe.ly giving form right into your website using your embed code.

Quick Menu

Using the Giving Form Embed Code

Using the Direct Website Giving Link

Using the Giving Form Embed Code

Please Note: Before attempting to embed a code on your website please make sure your Wordpress Website theme and/or subscription allows for custom code. If it does not you will need to use method #2 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 Tithe.ly 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.

Retrieving your Tithe.ly Giving Form Code:

Login to your Tithe.ly account and click on the "Giving Form" tab located in the left menu:

Giving Form Tab

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 Tab

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

Putting Tithe.ly Giving in WordPress:

  • Log into the admin side of your WordPress website.

  • Select the page you would like to edit.

  • If you have any text on this page, locate the area you would like the button to appear.

  • Click on the “Add Block” button that appears on the left.

  • From the list of Blocks available select Custom HTML and paste the code into the section provided.

WordPress Blocks

  • Select “Publish” to make your changes go live.

Please note: There may be a grey backing or other behind the green Tithe.ly button. This is most likely because you are in editor mode and not live. Publish the page and view as a user on your site to view what it will look like live.

Please note: Using the embedded giving form keeps those who wish to give, on your website while they are making the donation. This method has been proven to work better by retaining trust and reducing steps.

ERRORS: Once you've added the custom code and published, or are viewing your page, the giving button may appear as only three broken lines of code with no image, or is a blank text that says ‘Give’ with no button. This may happen because your subscription or theme does not allow custom code. You will need to contact your provider to fix this and use method #2 for the time being.

Using the Direct Website Giving Link

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

Giving Form URL

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.

Did this answer your question?