Tithely gives you two ways to do online giving from your website.
- You can use the preferred method of embedding your Tithely giving form right into your website using our embed code.
- You can use the direct link that takes people to your dedicated online giving form.
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.
Tithely Tip
This article is for the Giving From in Tithely 1.0. This area is changing, if you do not see the steps below please refer to our new article: How to Add Tithely Giving to Your Website
How to Get Your Embed Code for Giving
-
Login to your Tithely account.
-
Select Giving from the left-hand menu.
-
Next, click Settings.
-
If you have multiple locations, select the one that you are updating settings for and all setting changes will apply to the selected location.
-
Click Giving Form & App
Here, you can use the Simple Giving Widget to copy the HTML code to embed your Giving form to your website or simply use the URL from the Direct Link to send people directly to your form.
How to Use and Customize Your Embed Code for Giving
If you'd like to embed the giving form on your website, copy the html code you see located under the "Giving Widget" section. Use that code in your website management tool or provide it to your IT/web admin to implement on your website.
The code will look like this, but have your church's information:
<button class="tithely-give-btn" style="background-color: #26af5f; border: none; color: #fff; padding: 8px 20px; font-size: 15px; cursor: pointer;" data-church-id="XXXXX-ChurchID">Give Online</button>
<script src="https://tithe.ly/widget/v2/give.js?3"></script>
<script>
var config = {};
var tw = create_tithely_widget(config);
</script>
The below parameters can be added to the embedded code seen above to allow for some minor customizations to what donors see.
-
data-action : Change the name of the giving button on the form (default is "Give")
-
data-giving-to : Force the giving form to a specific fund/designation (for example, "Conference Fee")
-
data-amount : Force a specific amount (for example, "150" for $150 or "125.99" for $125.99)
How to Get Your Direct Link for Giving
-
Login to your Tithely account.
-
Select Giving from the left-hand menu.
-
Next, click Settings.
-
If you have multiple locations, select the one you are updating settings for and all setting changes will apply to the selected location.
-
Click Giving Form & App
-
Copy your Direct Link.
You can simply paste this link onto your website or social media pages for people to click and be taken to a giving form for your church.
Looking to Create Preconfigured Giving Links?
See our article Create Custom Preconfigured Giving Links