<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://help.simplybook.me/index.php?action=history&amp;feed=atom&amp;title=Smart_Widget_custom_feature%2Fen</id>
	<title>Smart Widget custom feature/en - Revision history</title>
	<link rel="self" type="application/atom+xml" href="https://help.simplybook.me/index.php?action=history&amp;feed=atom&amp;title=Smart_Widget_custom_feature%2Fen"/>
	<link rel="alternate" type="text/html" href="https://help.simplybook.me/index.php?title=Smart_Widget_custom_feature/en&amp;action=history"/>
	<updated>2026-06-10T14:15:08Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.43.0</generator>
	<entry>
		<id>https://help.simplybook.me/index.php?title=Smart_Widget_custom_feature/en&amp;diff=44376&amp;oldid=prev</id>
		<title>FuzzyBot: Updating to match new version of source page</title>
		<link rel="alternate" type="text/html" href="https://help.simplybook.me/index.php?title=Smart_Widget_custom_feature/en&amp;diff=44376&amp;oldid=prev"/>
		<updated>2026-02-18T09:19:28Z</updated>

		<summary type="html">&lt;p&gt;Updating to match new version of source page&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 09:19, 18 February 2026&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l5&quot;&gt;Line 5:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 5:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, additional functionality, smart widget, react widget, website integration&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, additional functionality, smart widget, react widget, website integration&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;}}&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Smart Widget (Beta) is a next-generation booking widget built with React, focused on delivering a fast, modern, and user-friendly experience. It allows clients to book multiple services in a single timeslot, where services are performed one after another — ideal for streamlined, sequential appointments.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;[[File:React widget logo.png|left]] &lt;/ins&gt;Smart Widget (Beta) is a next-generation booking widget built with React, focused on delivering a fast, modern, and user-friendly experience. It allows clients to book multiple services in a single timeslot, where services are performed one after another — ideal for streamlined, sequential appointments.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;The widget is fully mobile-responsive, quick to load, and does not trigger third-party cookie popups. While in beta, it includes basic style settings like font size adjustments and is easy to embed via a simple copy-paste of the code.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;The widget is fully mobile-responsive, quick to load, and does not trigger third-party cookie popups. While in beta, it includes basic style settings like font size adjustments and is easy to embed via a simple copy-paste of the code.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>FuzzyBot</name></author>
	</entry>
	<entry>
		<id>https://help.simplybook.me/index.php?title=Smart_Widget_custom_feature/en&amp;diff=44339&amp;oldid=prev</id>
		<title>FuzzyBot: Updating to match new version of source page</title>
		<link rel="alternate" type="text/html" href="https://help.simplybook.me/index.php?title=Smart_Widget_custom_feature/en&amp;diff=44339&amp;oldid=prev"/>
		<updated>2026-02-18T08:42:21Z</updated>

		<summary type="html">&lt;p&gt;Updating to match new version of source page&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;&amp;lt;languages/&amp;gt;&lt;br /&gt;
{{#seo:&lt;br /&gt;
|title=Custom Features - SimplyBook.me&lt;br /&gt;
|titlemode=append&lt;br /&gt;
|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, additional functionality, smart widget, react widget, website integration&lt;br /&gt;
}}&lt;br /&gt;
Smart Widget (Beta) is a next-generation booking widget built with React, focused on delivering a fast, modern, and user-friendly experience. It allows clients to book multiple services in a single timeslot, where services are performed one after another — ideal for streamlined, sequential appointments.&lt;br /&gt;
The widget is fully mobile-responsive, quick to load, and does not trigger third-party cookie popups. While in beta, it includes basic style settings like font size adjustments and is easy to embed via a simple copy-paste of the code.&lt;br /&gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Please note!&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
* When you enable this feature &amp;#039;&amp;#039;&amp;#039;[[Special:MyLanguage/API_custom_feature |API]]&amp;#039;&amp;#039;&amp;#039; will be enabled as well.&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
Smart Widget does not yet support all existing functionality.&amp;lt;br&amp;gt;&lt;br /&gt;
Some functionality may be unavailable:&amp;lt;br&amp;gt;&lt;br /&gt;
* [[Special:MyLanguage/Client Rescheduling custom feature|Client Rescheduling]]&lt;br /&gt;
* [[Special:MyLanguage/Coupons and Gift Cards custom feature|Coupons &amp;amp; Gift cards]]&lt;br /&gt;
* [[Special:MyLanguage/Custom CSS custom feature|Custom CSS]]&lt;br /&gt;
* [[Special:MyLanguage/Display Remaining Spaces|Display Remaining Spaces]]&lt;br /&gt;
* [[Special:MyLanguage/Membership custom feature|Membership]]&lt;br /&gt;
* [[Special:MyLanguage/Packages custom feature|Packages]]&lt;br /&gt;
* [[Special:MyLanguage/Products for Sale custom feature|Products for sale]]&lt;br /&gt;
* [[Special:MyLanguage/Service Add-Ons custom feature|Service Add-ons]]&lt;br /&gt;
* [[Special:MyLanguage/File Uploader - Google Drive custom feature|File Uploader - Google Drive]]&lt;br /&gt;
* [[Special:MyLanguage/Loyalty System custom feature|Loyalty System]]&lt;br /&gt;
* [[Special:MyLanguage/Waiting List custom feature|Waiting List]]&lt;br /&gt;
* [[Special:MyLanguage/Online Video Meetings Custom Feature|Online Video Meetings]]&lt;br /&gt;
* [[Special:MyLanguage/Adjust your terminology/language|Custom wording &amp;amp; translations]] (the widget is automatically translated based on the metadata of page where it is placed)&lt;br /&gt;
* [[Special:MyLanguage/Where to change theme?|Themes &amp;amp; colors]]&lt;br /&gt;
* [[Special:MyLanguage/I have clients in different time zones|Client timezone]]&lt;br /&gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
;How to use&lt;br /&gt;
1. To enable this feature please navigate to &amp;#039;&amp;#039;&amp;#039;Custom Features&amp;#039;&amp;#039;&amp;#039; page, &amp;#039;&amp;#039;&amp;#039;For development&amp;#039;&amp;#039;&amp;#039; section and either move the switcher to the &amp;#039;&amp;#039;&amp;#039;On&amp;#039;&amp;#039;&amp;#039; position or hit &amp;#039;&amp;#039;&amp;#039;Enable&amp;#039;&amp;#039;&amp;#039; button on the right side of the page.&lt;br /&gt;
[[File:Smart widget enable path.png|1200px|center|link=https://help.simplybook.me/images/a/a9/Smart_widget_enable_path.png]]&lt;br /&gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
2. Click on &amp;#039;&amp;#039;&amp;#039;Settings&amp;#039;&amp;#039;&amp;#039; near the feature to navigate to the options page.&lt;br /&gt;
[[File:Smart widget settings path.png|1200px|center|link=https://help.simplybook.me/images/6/60/Smart_widget_settings_path.png]]&lt;br /&gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
3. Adjust the parameters to your liking and click on &amp;#039;&amp;#039;&amp;#039;Save &amp;amp; Get widget code&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
[[File:Smart widget code path.png|1200px|center|link=https://help.simplybook.me/images/6/6a/Smart_widget_code_path.png]]&lt;br /&gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
4. Copy the code and paste to your website HTML body. That&amp;#039;s it!&lt;br /&gt;
[[File:Smart widget copy code.png|1200px|center|link=https://help.simplybook.me/images/e/e5/Smart_widget_copy_code.png]]&lt;br /&gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;/div&gt;</summary>
		<author><name>FuzzyBot</name></author>
	</entry>
</feed>