1. Home
  2. Knowledge Base
  3. Resources
  4. Embedded Iframe Content for Tasks and Resources
  1. Home
  2. Knowledge Base
  3. Task Management
  4. Embedded Iframe Content for Tasks and Resources

Embedded Iframe Content for Tasks and Resources

PartnerHQ allows you to embed external web content directly within tasks and resources. This eliminates the need for partners to leave the platform to view important information such as calendars, videos, forms, or documents.

There are two supported ways to embed content:

  • Task-Level Embedding – Embed a single webpage that all partners see when opening a task
  • Iframe Custom Fields – Embed personalized content for each organization using the Results Grid

What It Does

Task-level embedding allows you to display an external webpage directly within a task. Partners see the content in a full-width embedded frame without leaving PartnerHQ.

How to Configure

  1. Open the task you want to edit
  2. Enable the Go to Link option
  3. Enter the URL of the webpage you want to embed
  4. Check Embed webpage within PartnerHQ
  5. (Optional) Add instructions that appear above the embedded content
  6. Save the task

When to Use Task-Level Embedding

This option is best when all partners should see the same content, such as:

  • Shared calendars (Google Calendar, Teamup, Calendly)
  • Training videos (YouTube, Vimeo, Loom)
  • Reference documents (Google Docs, Google Sheets)
  • External forms that all partners must complete

Important Notes

  • The embedded URL is the same for all partners
  • Some websites block iframe embedding for security reasons
  • If embedding fails, partners will see a button to open the link in a new browser tab

Iframe Custom Fields (Per-Organization Embedding)

What It Does

Iframe custom fields allow you to embed different content for each organization. This is ideal for personalized content such as individual scheduling links, custom reports, or organization-specific documents.

How to Configure

Step 1: Add an Iframe Field to a Task or Resource

  1. Open the task or resource you want to edit
  2. Navigate to the Custom Fields section
  3. Click Add Field
  4. Select Iframe as the field type
  5. Enter a descriptive name (for example, Partner Calendar or Custom Report)
  6. Save the task or resource

Step 2: Populate Content Using the Results Grid

  1. Navigate to the task or resource
  2. Click the Results Grid (spreadsheet icon)
  3. Locate the column for your iframe field
  4. Paste the embed code for each organization

The grid saves automatically as data is entered.


Example Embed Code

<iframe src="https://calendar.google.com/calendar/embed?src=..." width="100%" height="100vh" frameborder="0"></iframe>

Getting Embed Codes

Most external services provide an Embed or Share option that generates iframe code.

ServiceHow to Get Embed Code
Google CalendarSettings → Integrate calendar → Embed code
YouTubeShare → Embed → Copy code
VimeoShare → Embed → Copy code
Google Docs / SheetsFile → Share → Publish to web → Embed
CalendlyShare → Embed → Copy inline embed code
AirtableShare view → Create embed link
TypeformShare → Embed in a web page

What Partners See

When a partner opens a task or resource:

  • Embedded content appears inside a bordered container
  • Content is specific to their organization
  • If no embed code exists, a placeholder message is shown

Allowed Domains

For security reasons, only approved domains may be embedded. Note: If you need to embed content from a domain not listed above, contact support to request approval.

ServiceDomain
Teamup Calendarteamup.com
Google Calendarcalendar.google.com
Microsoft Outlookoutlook.office365.com, outlook.live.com
Calendlycalendly.com
YouTubeyoutube.com, youtube-nocookie.com
Vimeovimeo.com, player.vimeo.com
Google Mapsmaps.google.com, google.com
Airtableairtable.com
Google Docs / Sheets / Slidesdocs.google.com
Google Formsforms.gle
Typeformtypeform.com
Loomloom.com

Best Practices

  1. Use Descriptive Field Names: Choose names that clearly explain the embedded content. Example: Your Scheduling Calendar instead of Calendar.
  2. Test Before Bulk Entry: Test embed codes with one organization before adding them for all partners.
  3. Use Privacy-Enhanced YouTube URLs: When embedding YouTube videos, use youtube-nocookie.com for better privacy compliance.
  4. Set Appropriate Dimensions: For best results: Use width=”100%” and set height between 400–600px.
  5. Consider Mobile Users: Embedded content may behave differently on mobile devices. Preview tasks on mobile to ensure usability.
  6. Keep Instructions Brief: If adding instructions above embedded content, keep them short and action-oriented.

Troubleshooting

“No embed content has been configured”

No iframe code has been added for this organization.
Use the Results Grid to add the embed code.


Content Not Displaying

Check the following:
• The domain is on the approved list
• The full iframe code was pasted (including <iframe> tags)
• The content is shared publicly or set to Anyone with the link


“Refused to connect” or Blank Frame

The external service is blocking embedding.
Try using the service’s embed or share URL instead of a direct page link.


Example Use Cases

Personalized Scheduling

Give each partner a unique scheduling experience:

  • Create an iframe field named Book Your Onboarding Call
  • Paste each partner’s Calendly embed code into the Results Grid
  • Partners book meetings without leaving PartnerHQ

Organization-Specific Dashboards

Embed custom dashboards or reports:

  • Create filtered Airtable or Google Sheet views per organization
  • Embed each organization’s unique view

Tiered Training Videos

Deliver different training content by partner tier:

  • Use YouTube or Vimeo embeds
  • Gold partners receive advanced training
  • Silver partners receive standard training
Was this article helpful?

Related Articles

Need Support?

Can't find the answer you're looking for?
Contact Support