Adding your TeamUp widget to a WordPress Site

Add your TeamUp calendar to your WordPress site.

Adding your TeamUp widget to a WordPress-powered website is extremely quick and simple:

1. Log in to your WordPress back-end. Enter the username and password specified when setting up WordPress.

Note. Your WordPress site’s back-end or “administration area” is where content creation and editing happens. The default location for your back end is (replace “” with the address of your website).

2. Go to the Pages section.

After logging in you’ll see the administration dashboard and a left-column menu.

Content should be organised under Pages or, for blogs, under Posts. Posts and Pages are virtually the same in regards to editing. In this article, the images and discussion focus on Pages.

Click 'Pages' or sub-menu 'All Pages' to see a list of existing pages. Click sub-menu 'Add New' to create a new page.

3. Edit the page

If you created a new page, you can skip this step.

To edit an existing page, hover over the Page Title (e.g. Home in the sample image below) in the list of pages to see editing links. Click 'Edit' to modify the specified page.

4. Here you will need to add a new code block that will allow you to paste in HTML directly.

To create a new code block, click the plus sign and select the 'Code' option:

In the code block editor, click the three little dots and select the 'Custom HTML' option in the drop-down menu:

5. Paste the widget code you copied from the Customer Experience >> Customer Site page on TeamUp.

6. Publish your changes and your widget should appear on the desired page.

Note that the breakpoint at which the widget will switch to the mobile version is 940px.

Tip. If you’re seeing the text of the script on your website after embedding, try method 3 here.

Did this answer your question?