Summary: This guide provides instructions for retrieving the Tithely Giving Form embed code and pasting it into your WordPress website using the Custom HTML block, which keeps donors on your site during the donation process, and offers an alternative method using the Direct Website Giving Link if your theme does not support custom code.
Before You Begin
- Important: Ensure your WordPress website theme or subscription allows for custom code. If it does not, you must use the Direct Website Giving Link method.
- Your website should be SSL secure (starts with HTTPS); otherwise, the Giving button will warn users that the site may not be secure.
- You must be logged into your Tithely account and the admin side of your WordPress site.
Step-by-Step Instructions
Retrieving Your Tithely Giving Form Embed Code
- Log in to your Tithely account and select Giving.
- Select Giving Form.
- Select the correct organization from the drop-down in the top-left corner (if applicable).
- Locate the "Embed Code" text block and Select the Copy button on the right side of the block.
Putting Tithely Giving in WordPress
- Log into the admin side of your WordPress website.
- Select the page you would like to edit.
- 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.
- Select “Publish” to make your changes go live.
Alternative: Using the Direct Website Giving Link
- Retrieve your dedicated Tithely giving form URL from the same page you copied the Embed Code from (Step 4 above).
- Use this Direct Giving Link in any text, social media post, newsletter, or as the URL for a button where the embedded method fails.
Troubleshooting & FAQs
- The Giving button appears broken or as three lines of code: This usually means your WordPress theme or subscription does not allow custom code. You must contact your provider to fix this or use the Direct Website Giving Link method.
- Why is the embedded method better? Using the embedded form keeps those who wish to give on your website while they are donating, which has been shown to retain trust and reduce steps in the giving process.
- The Giving button has a grey backing when I view it: This is most likely because you are in the editor mode. Publish the page and view it as a user on your live site to see the correct appearance.