Studio Website - Revision history

Admin: /* Integrating Taramala with your Studio Website */

2024-09-12T14:22:49Z

Integrating Taramala with your Studio Website

← Older revision		Revision as of 14:22, 12 September 2024
Line 1:		Line 1:
	== Integrating Taramala with your Studio Website ==		== Integrating Taramala with your Studio Website ==
	[[File:Studio-website.png\|400px\|right]]		[[File:Studio-website.png\|400px\|right]]
	~~The Taramala Schedule Component is available at the following URL: https://<studio-domain>.taramala.com/classes. This URL can be linked to the~~ studio's ~~actual~~ website to ~~give students on line access~~ the ~~following~~:		To link your studio's website to the Taramala schedule, you have two options:

	* ~~create~~ their own password protected account,		* Use an HTML link to provide a link from your website to the student schedule. This is the easier option, or
			* Embed the student schedule on your site. When this is done, students will able to stay on your website when making class registrations and purchases.

			The Taramala Schedule Component is available at the following URL: https://<studio-domain>.taramala.com/classes. This URL can be linked to the studio's actual website to give students on line access the following:

			* Create their own password protected account,
	* signin for a class and check what classes they are signed up for,		* signin for a class and check what classes they are signed up for,
	* pay for punchcards and check how many classes they have paid for through punch cards		* pay for punchcards and check how many classes they have paid for through punch cards, or
	* use a [[Waitlists\|waitlist]] if a class is filled to max capacity.		* use a [[Waitlists\|waitlist]] if a class is filled to max capacity.

	=== How to ~~add~~ Taramala's Schedule Component to my website? ===		=== How to embed Taramala's Schedule Component on my website? ===
	Taramala will integrate with any website designer like Wix, Wordpress, Webflow that supports and component the takes HTML code.		Taramala will integrate with any website designer like Wix, Wordpress, Webflow that supports and component the takes HTML code.
	If you already have a website you can add to your website using the HTML code that can be copy and pasted from the setup/website page.		If you already have a website you can add to your website using the HTML code that can be copy and pasted from the setup/website page.

Admin at 12:08, 2 December 2022

2022-12-02T12:08:21Z

← Older revision		Revision as of 12:08, 2 December 2022
Line 17:		Line 17:

	This same setup page also allows you to setup the colors in these widgets to match your website exactly.		This same setup page also allows you to setup the colors in these widgets to match your website exactly.

			=== Webmaster Tips & Best Practices ===

			One thing to understand about the schedule widget is that it is designed to grow and shrink on your studio web page. For this reason, it should be placed in an HTML element or DIV that is set to 100% height rather than giving it a fixed height. Here are two tips:
			* Make sure that the javascript in the markup is used as well (that's the first line in the HTML markup shown in the picture below),
			* Make sure the width and height of the website DIV that contains the schedule widget markup is set to 100% width and height.
			Webmasters note that even though the height of the IFRAME is set to 500px below, when the IFRAME is live in a website, it's height will be updated dynamically as the size of the schedule widget changes (for example, larger to show a weeks worth of classes and smaller to show available payment options).

			[[File:embed-markup.PNG\|600px\|center]]

Admin at 13:12, 2 November 2022

2022-11-02T13:12:47Z

← Older revision		Revision as of 13:12, 2 November 2022
Line 1:		Line 1:
			== Integrating Taramala with your Studio Website ==
	[[File:Studio-website.png\|400px\|right]]		[[File:Studio-website.png\|400px\|right]]
	The Taramala Schedule Component is available at the following URL: https://<studio-domain>.taramala.com/classes. This URL can be linked to the studio's actual website to give students on line access the following:		The Taramala Schedule Component is available at the following URL: https://<studio-domain>.taramala.com/classes. This URL can be linked to the studio's actual website to give students on line access the following:

Admin at 14:48, 23 October 2021

2021-10-23T14:48:37Z

@@ Line 15: / Line 15: @@
 === Component Options ===
-There are a number of options that can be used to configure the Taramala studio website component.
+This same setup page also allows you to setup the colors in these widgets to match your website exactly.
 ==== Smart Phone Use of Schedule Component ====

Admin: /* How to add Taramala's Schedule Component to my website? */

2021-10-23T14:46:48Z

How to add Taramala's Schedule Component to my website?

← Older revision		Revision as of 14:46, 23 October 2021
Line 8:		Line 8:

	=== How to add Taramala's Schedule Component to my website? ===		=== How to add Taramala's Schedule Component to my website? ===
	If you already have a website you can add to your website using ~~two lines of~~ HTML ~~which~~ can be ~~found in the app in~~ the ~~Setup~~/~~Website~~ page.		Taramala will integrate with any website designer like Wix, Wordpress, Webflow that supports and component the takes HTML code.
			If you already have a website you can add to your website using the HTML code that can be copy and pasted from the setup/website page.

			[[File:Widget-markup.PNG\|Taramala widget setup\|center\|600px]]

	=== Component Options ===		=== Component Options ===

Admin at 10:57, 15 January 2021

2021-01-15T10:57:38Z

Admin: /* Website Content */

2020-10-26T11:01:16Z

Website Content

← Older revision		Revision as of 11:01, 26 October 2020
Line 23:		Line 23:
	The following content can be added to the studio website.		The following content can be added to the studio website.
	* Class descriptions added via Setup/Schedule		* Class descriptions added via Setup/Schedule
	* Punchcard descriptions added via Setup/Schedule		* Punchcard and subscription descriptions added via Setup/Schedule
	For formatting these descriptions take a subset of HTML.		For formatting these descriptions take a subset of HTML.
	* <br for link breaks		* <br for link breaks

Admin: /* How to add Taramala's Studio Website to my website? */

2020-10-12T22:52:09Z

How to add Taramala's Studio Website to my website?

← Older revision		Revision as of 22:52, 12 October 2020
Line 8:		Line 8:

	=== How to add Taramala's Studio Website to my website? ===		=== How to add Taramala's Studio Website to my website? ===
	If you already have a website you can add to your website using ~~an IFRAME. Here is an example. By using an IFRAME the schedule looks as if it's part~~ of ~~your website (because it is). Students don't need to leave your website to access all their features.~~		If you already have a website you can add to your website using two lines of HTML which can be found in the app in the Setup/Website page.

	~~If your studio's domain~~ in ~~Taramala is 'mystudio',~~ the ~~code for~~ the ~~IFRAME would look like this.~~

	~~<code>~~
	~~<script src="https://mystudio.taramala.com/scripts/taramala-website.js"></script>~~

	~~<iframe src="https:/~~/~~mystudio~~.~~taramala.com/classes" height="700px" width="100%" frameborder="0"></iframe>~~
	~~</code>~~

	=== Component Options ===		=== Component Options ===

Admin at 17:53, 6 October 2020

2020-10-06T17:53:15Z

← Older revision		Revision as of 17:53, 6 October 2020
Line 15:		Line 15:
	<script src="https://mystudio.taramala.com/scripts/taramala-website.js"></script>		<script src="https://mystudio.taramala.com/scripts/taramala-website.js"></script>

	<iframe src="https://mystudio.taramala.com/classes~~?embed=true~~" height="700px" width="100%" frameborder="0"></iframe>		<iframe src="https://mystudio.taramala.com/classes" height="700px" width="100%" frameborder="0"></iframe>
	</code>		</code>

			=== Component Options ===

			There are a number of options that can be used to configure the Taramala studio website component.

			====headerOptions=hidden====
			Used to hide the top menu bar. For example:

			<code>
			<iframe src="https://mystudio.taramala.com/classes?headerOptions=hidden" height="700px" width="100%" frameborder="0"></iframe>
			</code>
	=== Website Content ===		=== Website Content ===
	The following content can be added to the studio website.		The following content can be added to the studio website.

Admin: /* How to add Taramala's Studio Website to my website? */

2020-08-23T19:13:22Z

How to add Taramala's Studio Website to my website?

← Older revision		Revision as of 19:13, 23 August 2020
Line 14:		Line 14:
	<code>		<code>
	<script src="https://mystudio.taramala.com/scripts/taramala-website.js"></script>		<script src="https://mystudio.taramala.com/scripts/taramala-website.js"></script>

	<iframe src="https://mystudio.taramala.com/classes?embed=true" height="700px" width="100%" frameborder="0"></iframe>		<iframe src="https://mystudio.taramala.com/classes?embed=true" height="700px" width="100%" frameborder="0"></iframe>
	</code>		</code>

← Older revision		Revision as of 10:57, 15 January 2021
Line 1:		Line 1:
	[[File:Studio-website.png\|400px\|right]]		[[File:Studio-website.png\|400px\|right]]
	The Taramala ~~studio website~~ is available at the following URL: https://<studio-domain>.taramala.com/classes. This URL can be linked to the studio's actual website to give students on line access the following:		The Taramala Schedule Component is available at the following URL: https://<studio-domain>.taramala.com/classes. This URL can be linked to the studio's actual website to give students on line access the following:

	* create their own password protected account,		* create their own password protected account,
Line 7:		Line 7:
	* use a [[Waitlists\|waitlist]] if a class is filled to max capacity.		* use a [[Waitlists\|waitlist]] if a class is filled to max capacity.

	=== How to add Taramala's ~~Studio Website~~ to my website? ===		=== How to add Taramala's Schedule Component to my website? ===
	If you already have a website you can add to your website using two lines of HTML which can be found in the app in the Setup/Website page.		If you already have a website you can add to your website using two lines of HTML which can be found in the app in the Setup/Website page.

Line 31:		Line 31:
	There are a few examples of markup you can use in your description.		There are a few examples of markup you can use in your description.

	==== Smart Phone Use of ~~Studio Website~~ ====		==== Smart Phone Use of Schedule Component ====
	The ~~studio website~~ has been designed expecting that most students will access it using their cell phone and is designed to allow students to create an account, signup for classes and make purchases directly from their phone.		The Schedule Component has been designed expecting that most students will access it using their cell phone and is designed to allow students to create an account, signup for classes and make purchases directly from their phone.

	One tip to support this is to setup up your web page for Taramala to be "full width" with no gutters or margins. Here are links for different web design applications.		One tip to support this is to setup up your web page for Taramala to be "full width" with no gutters or margins. Here are links for different web design applications.
	* wordpress: https://www.wpbeginner.com/wp-themes/how-to-create-a-full-width-page-in-wordpress/		* wordpress: https://www.wpbeginner.com/wp-themes/how-to-create-a-full-width-page-in-wordpress/
	* wix: https://support.wix.com/en/article/wix-editor-stretching-an-element-to-full-width		* wix: https://support.wix.com/en/article/wix-editor-stretching-an-element-to-full-width