Skip to end of banner
Go to start of banner

How to embed links to render HTML content

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 3 Next »

This tutorial explains how you can embed links from various sources like Google Calendars, Trello boards and so on using the HTML macro. Content available on public domain can be easily accessed and displayed on your Confluence pages. However, to display HTML content located in restricted locations, ensure that you have the required permissions.

In such cases, you can also make use of profiles. An administrator specifies parameters like user name, password, and the base URL of the location to be accessed to create a profile. Users can then select this profile and provide the relative URL to the content to be rendered in the macro. Read the Configuration page for more information about profiles.

In this article, the following sources are explored:

  • Google Calendars

  • Trello boards

Google Calendars

You can add a Google calendar to your Confluence page. You can directly embed the code or enter the URL of the calendar in the HTML macro. Depending on the calendar’s user permissions, you may have to log in to the relevant Google account to view the calendar once the page is published.

  • Read this article to know more about sharing your calendar links.

  • Read this article to know about subscribing or adding other calendars to your calendar.

  • If the calendar to be rendered is private, you will be required to provide the required Google credentials before the calendar can be displayed.

Instructions

  1. Get the calendar link. Refer to the links mentioned above for more information. For this tutorial, let’s use the embed code option to open and work on a Google Calendar.

  2. Add the HTML macro to the required page.

  3. Select HTML embed code from the Data source drop down. If you are using the public URL of the calendar, you can either enter the relevant HTML code using the HTML embed code option, or select the URL option in the drop down and enter this URL in the URL parameter.

  4. Click Insert to save the changes and Publish the page.

Result

For this tutorial:

  • The embed code option was used to render the calendar.

  • After publishing the page, you can perform the same actions as on using the Google Calendar itself.

Trello boards

  • No labels