-
Website
-
3min Explainer Walkthrough
- Generate a Design
-
Page Management
-
Page Editing
-
Form Builder
- Updating Your Navigation Menu
- Creating Page Redirectors
- Posts Management
-
Search Engine Optimization
- Setting Up Google Marketing Tools
- Setting Up Meta Pixel & E-commerce Tracking
- Setting Up Microsoft Marketing Tools
- Setting Up Linkedin Insight Tag
- Optimizing Images For Web
-
Analytics
- Third Party Embed Code
-
3min Explainer Walkthrough
- Contacts
- Marketing
- Commerce
- Apps
-
Settings and Config
- Going Live
- Billing
- Domain Health Checker
- Managing Administrators
- Registering a Domain Name
- Changing Your Domain Name
- The Role Of DNS Records Explained
- Backing Up Your Website
- Choosing an E-mail Host
- Hosting Email With Oncord
- Setting Up Gmail Hosting
- Setting Up Office 365 Hosting
- Setting Up Sub Domains
- Hosting a Sub-Site
- Third Party Embed Code
- Website
-
-
3min Explainer Walkthrough
- Generate a Design
-
Page Management
-
Page Editing
-
Form Builder
- Updating Your Navigation Menu
- Creating Page Redirectors
- Posts Management
-
Search Engine Optimization
- Setting Up Google Marketing Tools
- Setting Up Meta Pixel & E-commerce Tracking
- Setting Up Microsoft Marketing Tools
- Setting Up Linkedin Insight Tag
- Optimizing Images For Web
-
Analytics
- Third Party Embed Code
-
3min Explainer Walkthrough
- Contacts
- Marketing
- Commerce
- Apps
- Settings and Config
Third-Party Embed Code
Embed external applications, services or widgets within your website by adding embed code to your pages or design theme.
Common Third-Party Applications:
Here are some examples of third-party services you might embed on your website:
- Google Analytics - Track website traffic and conversions.
- Google Tag Manager - Manage all tracking codes from one place.
- Calendly - Allow visitors to schedule meetings with you.
- Hotjar - Visualize how users interact with your website.
- Lightwidget - Display an Instagram feed on your site.
- myPresences - Show reviews and listings from various platforms.
- Elfsight - Add review widgets, social feeds, and more.
*Note: These links are provided for convenience and informational purposes only. Oncord doesn't control, endorse or provide support for third-party services. Be sure to evaluate yourself before use.
Where is Embed Code Added?
Depending on the application you are embedding on your website, their provided embed code will either need to be added to:
- A specific website page (eg. a booking widget).
- Or throughout the entire website design (eg. Google Analytics).
Embed a YouTube Video
For YouTube videos, use Oncord’s drag-and-drop YouTube element - no embed code required.
- Edit the page (Dashboard > Website > Pages).
- Click the Insert button (left sidebar).
- Drag the YouTube element onto the page.
- Click the element, then choose Edit.
-
Browse YouTube within the left-panel to find your video, or paste the YouTube URL and click Apply.
Add Embed Code to a Single Page
If your embed code only needs to appear on a single website page:
- Edit the page (Dashboard > Website > Pages).
- Click the Insert button (left sidebar).
- Drag the Embed element onto the page.
- Select the embed element and click Edit.
- Paste your embed code into the left panel.
- Click Apply, then Save the page.
Add Embed Code to all Pages (Within your Design)
Where embed code needs to appear across all pages, it should be added to your website design theme. As an example, Google Analytics and Google Tag manager both track data throughout all website pages, so the embed code for those applications needs to be added to your website design theme.
- Go to Dashboard > Website > Designs, and select your current design.
- Click SRC in the left menu to view the source code.
- Paste the embed code where instructed by the third-party documentation.
- Click Save.
Tip: Embed code often needs to be added just before the closing </head> tag, or just after the opening <body>
tag. With the SRC view open, a search tool is available by using the keyboard shortcut CTRL + F. You can then search the document for the
</head> or <body> tag, add one or two line breaks above it for neatness by pressing enter on your keyboard.
Tips & Best Practices
Performance impact: Embedding third-party applications will slow the load time (or page speed) of your website.
Privacy considerations: Embedded tools often collect visitor data - ensure you're complying with privacy regulations.
Keep things tidy: Review and remove any third-party applications you no longer use.