Difference between revisions of "Widgets customizations"

From SimplyMeet.me
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
It may be necessary to have a separate widget for personal or round robin meeting types, or have a group of employees booking options listing.<br>
+
<br><br>
It can be easily done with the widget code customization.
+
You can embed a scheduling page on your private website. This will let your clients schedule meetings right from your website without the need to show a list of all your meeting types.
<h2>How to use</h2>
+
 
<p>
+
There is one type of widget available which is an iframe widget that you can generate separately for your Personal account as well as for the Organization account.  
1. Please go to '''[https://secure.simplymeet.me/embed-code Embed code]''' page in your account and copy the widget code.
+
<br><br>
</p>
+
 
[[File:Simplymeet embed code path.png|1200px|center]]
+
 
<p>
+
=How to use a widget=
2. Copy and paste the code into your website's HTML where you would like to see your scheduling page.
+
It can be set on the user level if you are the owner of a single account or on the organization level if you have a paid account with several employees.<br>
<p>
+
Please go to '''Settings''' -> '''Iframe Widget''', '''Personal account''' or '''Organization account''', adjust the widget with the available settings from the left-side screen, click Save and generate code.<br>
<p>
+
Copy and paste the code into your website's HTML where you would like to see y our scheduling page.
3. (optional) Hide the top header with your avatar and welcome message by adding the <strong>?view=compact</strong> parameter to the embedded URL, e.g. [https://app.simplymeet.me/testsmaccount?view=compact https://app.simplymeet.me/testsmaccount<strong>?view=compact</strong>]
+
<br><br>
</p>
+
=How to hide the top header with your avatar and a welcome message=
<p>
+
To hide the top header with an avatar and a welcome message simply enable the slide in the Iframe Widget page -> '''Hide the top header''' with your avatar and welcome message” or
4. Copy your organization booking website url in the top right corner by clicking on the "Round Robin booking website" and replace the url in the widget code with it.
+
add the '''?view=compact''' parameter to the embedded URL, e.g. https://app.simplymeet.me/testsmaccount'''?view=compact'''
</p>
+
<br><br>
[[File:Simplymeet organization website link.png|1200px|center]]
+
=How to get a widget with tag(s) for particular personal meeting types=
<p>
+
In case you are using Organization Users Tags and would like to have a widget with some tag(s) of particular personal meeting type(s) please go to Iframe Widget page -> Personal account and in “Tags for personal meeting types” choose a tag(s) for a particular personal meeting type or a group of meeting types.  
5. To have organization widget with the list of employees for booking personal meetings only please add <strong>?view=compact&view_type=members</strong> to the url.
+
<br><br>
For example, [https://app.simplymeet.me/o/demoorganizationpage?view=compact&view_type=members https://app.simplymeet.me/o/demoorganizationpage?view=compact&view_type=members]
+
 
</p>
+
=How to have an Organization widget with the list of employees only vs a widget with round-robin meetings only=
<p>
+
Go to '''Iframe Widget page''' -> '''Organization account''' and in Widget type select the type of widget you want to generate or
Widget code example:
+
you may add '''?view=compact&view_type=members''' to the url to have an organization widget with the list of employees for booking personal meetings only, e.g.https://app.simplymeet.me/o/demoorganizationpage'''?view=compact&view_type=members'''
[[File:Simplymeet members widget code.png|center]]
+
<br><br>
</p>
+
For a widget with round-robin meetings please add '''?view=compact&view_type=event_types''' to the organization url. Example will look like this https://app.simplymeet.me/o/demoorganizationpage'''?view=compact&view_type=event_types'''
<p>
+
<br><br>
6. In case you need a widget with round robin meetings please add <strong>?view=compact&view_type=event_types</strong> to the organization url.
+
=How to have a widget with some tag(s) for particular groups of employees=
Example will look like this [https://app.simplymeet.me/o/demoorganizationpage?view=compact&view_type=event_types https://app.simplymeet.me/o/demoorganizationpage?view=compact&view_type=event_types]
+
In case you are using specialty tags and would like to have a widget with some tag(s) specific group of employees please go to  Iframe Widget page -> Organization account and in “Show users by tags” choose a tag(s) for a particular group of employees or<br>
</p>
+
add ?view=compact&organizationTag[]=tag id number to the url, where tag id number is the number you can see before tag name in your Organization profile.<br>
<p>
+
An example of the tag specific url is https://app.simplymeet.me/o/demoorganizationpage?view=compact&organizationTag[]=777
Widget code example:
+
And for the several tags included use '''&organizationTag[]''' between organization tag elements, example: https://app.simplymeet.me/o/demoorganizationpage'''?<br>view=compact&organizationTag[]'''=777&organizationTag[]=783
[[File:Simplymeet team meetings widget code.png|center]]
+
<br><br>
</p>
+
=How to show the particular meeting type scheduling calendar only=
<p>
+
To skip a selection of the meeting types on the Personal or the Organization account levels simply copy the widget code from the Iframe Widget and replace the url link with any particular meeting type link.<br>
7. In case you are using speciality tags and would like to have a widget with some tag(s) specific group of employees please add <strong>?view=compact&organizationTag[]=tag id number</strong> to the url, where '''tag id number''' is the number you can see before tag name in your [https://secure.simplymeet.me/organization/settings Organization profile].<br>
+
To get a meeting type link go to '''Meeting types''' -> '''Copy link''' or get a link from your booking page,<br>e.g. <iframe src="https://'''app.simplymeet.me/o/teamsdemo/30min?'''is_widget=1&view=&view_type=event_types" style="width:100%; height:650px;" frameborder="0" scrolling="yes"></iframe> where "https://'''app.simplymeet.me/o/teamsdemo/30min?'''” is the specific meeting type link.
The example of the tag specific url is <code>https://app.simplymeet.me/o/demoorganizationpage?view=compact&organizationTag[]=37</code>
+
<br><br>
</p>
 
<p>
 
Widget code example:
 
[[File:Simplymeet tag widget code.png|center]]
 
</p>
 
<p>
 
(you can use & between organizationTag elements to have a widget with several tags included, like <code>https://app.simplymeet.me/o/testorganization?view=compact&organizationTag[]=37&organizationTag[]=34</code>
 
</p>
 

Latest revision as of 14:00, 18 October 2024



You can embed a scheduling page on your private website. This will let your clients schedule meetings right from your website without the need to show a list of all your meeting types.

There is one type of widget available which is an iframe widget that you can generate separately for your Personal account as well as for the Organization account.


How to use a widget

It can be set on the user level if you are the owner of a single account or on the organization level if you have a paid account with several employees.
Please go to Settings -> Iframe Widget, Personal account or Organization account, adjust the widget with the available settings from the left-side screen, click Save and generate code.
Copy and paste the code into your website's HTML where you would like to see y our scheduling page.

How to hide the top header with your avatar and a welcome message

To hide the top header with an avatar and a welcome message simply enable the slide in the Iframe Widget page -> Hide the top header with your avatar and welcome message” or add the ?view=compact parameter to the embedded URL, e.g. https://app.simplymeet.me/testsmaccount?view=compact

How to get a widget with tag(s) for particular personal meeting types

In case you are using Organization Users Tags and would like to have a widget with some tag(s) of particular personal meeting type(s) please go to Iframe Widget page -> Personal account and in “Tags for personal meeting types” choose a tag(s) for a particular personal meeting type or a group of meeting types.

How to have an Organization widget with the list of employees only vs a widget with round-robin meetings only

Go to Iframe Widget page -> Organization account and in Widget type select the type of widget you want to generate or you may add ?view=compact&view_type=members to the url to have an organization widget with the list of employees for booking personal meetings only, e.g.https://app.simplymeet.me/o/demoorganizationpage?view=compact&view_type=members

For a widget with round-robin meetings please add ?view=compact&view_type=event_types to the organization url. Example will look like this https://app.simplymeet.me/o/demoorganizationpage?view=compact&view_type=event_types

How to have a widget with some tag(s) for particular groups of employees

In case you are using specialty tags and would like to have a widget with some tag(s) specific group of employees please go to Iframe Widget page -> Organization account and in “Show users by tags” choose a tag(s) for a particular group of employees or
add ?view=compact&organizationTag[]=tag id number to the url, where tag id number is the number you can see before tag name in your Organization profile.
An example of the tag specific url is https://app.simplymeet.me/o/demoorganizationpage?view=compact&organizationTag[]=777 And for the several tags included use &organizationTag[] between organization tag elements, example: https://app.simplymeet.me/o/demoorganizationpage?
view=compact&organizationTag[]
=777&organizationTag[]=783

How to show the particular meeting type scheduling calendar only

To skip a selection of the meeting types on the Personal or the Organization account levels simply copy the widget code from the Iframe Widget and replace the url link with any particular meeting type link.
To get a meeting type link go to Meeting types -> Copy link or get a link from your booking page,
e.g. <iframe src="https://app.simplymeet.me/o/teamsdemo/30min?is_widget=1&view=&view_type=event_types" style="width:100%; height:650px;" frameborder="0" scrolling="yes"></iframe> where "https://app.simplymeet.me/o/teamsdemo/30min?” is the specific meeting type link.