Schedule adjustment calendar Widget (Embed)

  • Updated

The schedule adjustment calendar widget allows you to embed a schedule adjustment calendar into your website to add a scheduling feature to your website.

 

Availability

Schedule adjustment calendar Widget is available for all users.

 

How to use

Add the code that appears in the "Embed Calendar" section of the confirmation page for the scheduling adjustment calendar settings inside the body tag on your webpage.

 

Linking data to a schedule adjustment calendar

You can link member information and other information managed on your website to the Schedule Adjustment Calendar widget.

It is easy to link the data as you only need to change a part of the embed code.

 

Example

<!-- Begin TimeRex Widget --> 
<div id="timerex_calendar" data-url="https://timerex.net/s/xxxxxxxxxx/xxxxxxxx"></div>
<script id="timerex_embed" src="https://timerex.net/js/embed.js"></script>
<script type="text/javascript">
    TimerexCalendar({
        'guest_company' : 'Mixtend Inc.'
        'guest_name' : 'Tomohiro Kitano',
        'guest_email' : 'xxxxxxxx@test.com',
        'locale': 'en'
    });
</script>
<!-- End TimeRex Widget -->

 

Parameters

Name Datatype Required Remarks
guest_company String False The value that goes into the "Company name" section of the standard question items.
guest_name String False The value that goes into the "Name" section of the standard question items.
guest_email String False The value that goes into the "Email" section of the standard question items.
locale String False

Specify the language to be displayed.

  • ja: Japanese
  • en: English
primary_color String False

You can specify the key color of the widget by color code. (Premium plan only.)

  • Example

    • #00000000（8 digits）

    • #000000（6 digits）

    • #000（3 digits）

    • 00000000（without #）

    • 000000（without #）

    • 000（without #）
disable_logo Boolean False

Hides the TimeRex logo from the widget. (Premium plan only.)

  • true: Hide the logo.
  • false: Display the logo.

 

Example of using TimeRex widget (embedded)

Please see below for a sample of embedding in a web page.

https://timerex.net/blog/update/201109-embed

 

See below for a sample of changing the color of the TimeRex widget.

https://timerex.net/blog/update/210218-color

 

 

Related articles