Skip to main content
All CollectionsMaintaining your Site >>Creating and Editing Auxilliary Pages
How To: Add a Free Embedded Calendar for Print Studios & Artists
How To: Add a Free Embedded Calendar for Print Studios & Artists
Nick avatar
Written by Nick
Updated over 6 years ago
  • Walkthrough

  • Videos (Coming Soon)

  • Related Articles (Coming Soon)

This is an easy way for a Print Studio or a Artist who travels to shows/events to embed a calendar of their upcoming events.


1. First, we need to create our free account on the Team Up website.


1.png

2. Click on Create a free calendar.

2.png

3. On the following page name your calendar.

3.png

4. Enter in the email address that you want to associate with your teamup account.

4.png

5. Select your preferred language.

5.png

6. Next, select your time zone.

6.png

7. For Subscription Plan be sure to select Basic (Free).

7.png

8. Select Empty Calendar for the Template. We can customize our calendar later.

8.png

9. Click on Create Calendar.

9.png

10. Once your calendar is created, we should land on our Calendar page.

10.png

11. We should now edit some settings for our Calendar, we can do this by clicking on the pancake menu in the top right.

11.png

12. Click on Settings.

12.png

13. You will need to make sure your date & time are correct and then customize the rest of your calendar to your liking. For more information on calendar customization, please see Teamup's knowledge base.


13.png

14. Once we are done customizing our calendar, we should head over to the Sharing section.


14.png


15. We need to copy down the Reader w/o Details link, or leave the tab/window open to come back to.


15.png

16. Take our read only link and go back to our Art Storefronts control panel and create a Standard page for our calendar if we do not have one already. Start by clicking on the Pages tab.

16.png

17. Click on + ADD PAGE.

17.png

18. Name your page whatever you would like. In this example we will name our page Calendar.

18.png

19. Be sure to select Standard Page.

19.png

20. Click on Create.

20.png

21. Once the Standard page is created click on the Content tab.

21.png


22. Click on the Source button in the WYSIWYG editor.

22.png




23. We now need to paste the following code into the source box.

<iframe src="READ-ONLY-LINK GOES HERE" frameborder="0" width="100%" height="700"></iframe>


23.png

24. Once the above code is placed into the source content box, we need to now grab our Read-Only link that we saved earlier and replace "READ-ONLY-LINK GOES HERE". For example:

<iframe src="https://teamup.com/ksbdkcx43qsbb1" frameborder="0" width="100%" height="700"></iframe>

Please note that our support team will not be able to help you troubleshoot this code if you are having issues getting it to work as it falls outside their scope of support.

24.png

25. Once we have inserted the code make sure to click on the Save button.

25.png

26. Now we can go to our live site to make sure the calendar shows up correctly. Click on Preview Site.

26.png

27. Your Calender page should look something like the following:

27.png

Other Notes:


1.) Make sure you do not give out the "Add Events" or "Administrator" link in the sharing section. This is for you and your employees only.

2.) Paid plans are available which add more functionality, connections, and password protection, etc.

3.) An example of what the calendar looks like can be found here on our Print Studio Best Practices website: http://bpprintstudiosetup.artstorefronts.com/events-workshops

Did this answer your question?