Difference between revisions of "How to Embed Specific Meeting Type onto Wordpress and others"

From SimplyMeet.me
Line 24: Line 24:
 
</div>
 
</div>
 
<p class="intercom-align-left">
 
<p class="intercom-align-left">
 +
        <strong>7. </strong> (optional) In case you would like to hide the link '''Back to meeting types''' and show only one specific meeting type in your widget, please add the following parameter to the booking site url in the widget code:<br>
 +
<code>?specific-meeting-type=1</code><br>
 +
As the result the widget code will look like this:<br>
 +
<code><iframe src=“https://app.simplymeet.me/testbookingwebsite/678?specific-meeting-type=1” style=“width:100%; height:650px;” frameborder=“0” scrolling=“yes”></iframe></code>
 +
 
</p>
 
</p>

Revision as of 12:25, 24 March 2022

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

How to Embed Your Specific Meeting Type

1. Click Embed Code in the menu on the left from your SimplyMeet.me admin panel.
2. Copy and paste the code into your website's HTML where you would like to see your scheduling page.
3. Go to your Meeting Types.
4. Click the "eye" icon of the Meeting Type you want to embed. It will open the Meeting Type's link in a new tab in your browser.

Simplymeet meeting link.png

5. Copy the link from your browser's new tab (e.g. https://app.simplymeet.me/testbookingwebsite/demomeeting)
6. Paste the copied link into the embed code (see step 2) in place of the value in the "src" attribute.

Simplymeet edit widget code example.png

7. (optional) In case you would like to hide the link Back to meeting types and show only one specific meeting type in your widget, please add the following parameter to the booking site url in the widget code:
?specific-meeting-type=1
As the result the widget code will look like this:
<iframe src=“https://app.simplymeet.me/testbookingwebsite/678?specific-meeting-type=1” style=“width:100%; height:650px;” frameborder=“0” scrolling=“yes”></iframe>