Art Storefronts Support Center

Search for answers to your questions by entering keywords below, or look through our knowledge base.

How To: Add a Free Embedded Calendar for Print Studios & Artists

Follow

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

Was this article helpful?
0 out of 0 found this helpful

Comments