Embedding a Form, Video or Other Widget Onto a Page Using the Source Code

Summary: This guide explains how to embed content from third-party services—such as forms, videos, widgets, or calendars—directly onto a page on your Tithely Site using the source code editor. This allows you to integrate a wide variety of tools and enhance your site's functionality. Please note that this is an advanced feature.


Before You Begin

  • You must have Admin access to your Tithely Site.

  • You must have the complete embed code from the third-party service you wish to use (e.g., YouTube, Vimeo, Google Calendar, Wufoo Forms, etc.).

  • ❗ Security Warning: Only use embed codes from trusted, reputable sources. Pasting malicious code can compromise your website's security and functionality.


General Steps to Embed Code

  1. Obtain the embed code from the third-party service. This code usually starts with <iframe> or <script>.

  2. Log into your Tithely Site and navigate to the page you want to edit.

  3. In the text editor's toolbar, click the Source code button (it looks like < >). This will open a new window showing the page's HTML.

  4. Scroll through the code to find the location where you want to insert your content.

  5. Paste the embed code you copied in Step 1 directly into the source code window.

  6. Click OK to close the source code window.

  7. Click the Save Page button to apply your changes. Your embedded content should now be visible on the page.


Example: Embedding the Elvanto Group Finder

Here is a practical example of this process, using the Elvanto Group Finder integration.

  1. In your Elvanto account, navigate to Settings > Groups > Group Finder.

  2. Configure any desired filters that you want visitors to be able to use.

  3. Find the Embed Code section and copy the entire <iframe> code provided.

  4. Follow the "General Steps to Embed Code" above, pasting the Elvanto <iframe> code into the source code area of your desired Tithely Site page.


Frequently Asked Questions

  • My embedded content isn't showing up or looks broken. This can happen for a few reasons:

    • The embed code may not have been copied completely. Try copying and pasting it again.

    • The code may be incompatible, or the third-party service may be temporarily down.

    • Please note: Tithely cannot provide support for custom code from third-party services. We recommend contacting the service that provided the code for assistance.

  • Can I embed anything? While many services that provide <iframe> or <script> embed codes will work, some complex scripts may conflict with your site's existing code. We recommend testing on a new, hidden page first if you are unsure. Remember to only use code from trusted sources.

  • I'm having trouble in my browser. If you encounter issues, please ensure you are using a modern, up-to-date web browser such as Google Chrome, Firefox, or Safari.

Related Articles