Bookings on Facebook: Difference between revisions
No edit summary |
No edit summary |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<languages/> | <languages/> | ||
<translate> | <translate> | ||
<!--T:1--> | |||
{{#seo: | {{#seo: | ||
|title=Bookings on Facebook - SimplyBook.me | |title=Bookings on Facebook - SimplyBook.me | ||
| Line 10: | Line 11: | ||
<translate> | <translate> | ||
<!--T:2--> | |||
<br><br> | <br><br> | ||
__TOC__ | __TOC__ | ||
| Line 16: | Line 18: | ||
*<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">It is possible to connect booking option to Facebook Business and Instagram Business pages. This functionality cannot be added to a personal page.</span><br> | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">It is possible to connect booking option to Facebook Business and Instagram Business pages. This functionality cannot be added to a personal page.</span><br> | ||
*<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">The booking option is not shown on desktop Instagram version and can be used via mobile apps only.</span><br> | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">The booking option is not shown on desktop Instagram version and can be used via mobile apps only.</span><br> | ||
*<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">Bookingtroll theme is used for the booking widget by default. If you wish to change the styling please upgrade to Premium to select the desired theme and be able to use <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[ | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">Bookingtroll theme is used for the booking widget by default. If you wish to change the styling please upgrade to Premium to select the desired theme and be able to use <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Custom CSS custom feature|Custom CSS]]</span> adjustments.</span><br> | ||
*<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">The widget look may differ depending on Facebook preferences for different devices and applications</span><br> | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">The widget look may differ depending on Facebook preferences for different devices and applications</span><br> | ||
<br><br> | <br><br> | ||
</translate> | </translate> | ||
<translate> | <translate> | ||
:'''Video tutorial available ''' | <!--T:3--> | ||
:'''Video tutorial available '''<p><youtube>9o5fJkZD384</youtube></p> | |||
<br><br> | <br><br> | ||
==How to add and use booking option to Facebook/Instagram business page== | ==How to add and use booking option to Facebook/Instagram business page== | ||
| Line 30: | Line 33: | ||
</translate> | </translate> | ||
<translate> | <translate> | ||
<!--T:4--> | |||
:2. Login to your Facebook/Instagram business account(s) in another browser tab. | :2. Login to your Facebook/Instagram business account(s) in another browser tab. | ||
<br><br> | <br><br> | ||
| Line 40: | Line 44: | ||
</translate> | </translate> | ||
<translate> | <translate> | ||
<!--T:5--> | |||
:5. You will be redirected to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Facebook</span> interface to manage the permissions and connection to SimplyBook.me.<br> | :5. You will be redirected to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Facebook</span> interface to manage the permissions and connection to SimplyBook.me.<br> | ||
:Please follow the steps 1-5 displayed below.<br> | :Please follow the steps 1-5 displayed below.<br> | ||
| Line 48: | Line 53: | ||
</translate> | </translate> | ||
<translate> | <translate> | ||
<!--T:6--> | |||
:6. Now you will have your services shown on your Facebook page with <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Book</span> buttons next to them or <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Book now</span> button under the page banner that will redirect your clients to your booking site.<br> | :6. Now you will have your services shown on your Facebook page with <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Book</span> buttons next to them or <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Book now</span> button under the page banner that will redirect your clients to your booking site.<br> | ||
:(the representation options depend on your Facebook business page) | :(the representation options depend on your Facebook business page) | ||
| Line 60: | Line 66: | ||
</translate> | </translate> | ||
<translate> | <translate> | ||
<!--T:7--> | |||
==How to remove Book button from Facebook/Instagram pages== | ==How to remove Book button from Facebook/Instagram pages== | ||
<br><br> | <br><br> | ||
| Line 67: | Line 74: | ||
</translate> | </translate> | ||
<translate> | <translate> | ||
<!--T:8--> | |||
:2. Click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Logout</span> at the top of the page. | :2. Click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Logout</span> at the top of the page. | ||
[[File:Facebook & insta logout path redesidned.png|1200px|border|center|link=https://help.simplybook.me/images/1/16/Facebook_%26_insta_logout_path_redesidned.png]] | [[File:Facebook & insta logout path redesidned.png|1200px|border|center|link=https://help.simplybook.me/images/1/16/Facebook_%26_insta_logout_path_redesidned.png]] | ||
| Line 72: | Line 80: | ||
</translate> | </translate> | ||
<translate> | <translate> | ||
<!--T:9--> | |||
==How to add and use booking option on Instagram only== | ==How to add and use booking option on Instagram only== | ||
<br><br> | <br><br> | ||
| Line 84: | Line 93: | ||
</translate> | </translate> | ||
<translate> | <translate> | ||
<!--T:10--> | |||
==How to remove Book option from Instagram business page== | ==How to remove Book option from Instagram business page== | ||
<br><br> | <br><br> | ||
| Line 94: | Line 104: | ||
<translate> | <translate> | ||
<!--T:11--> | |||
=Call-to-action button for Facebook fan page= | =Call-to-action button for Facebook fan page= | ||
<br><br> | <br><br> | ||
| Line 102: | Line 113: | ||
</translate> | </translate> | ||
<translate> | <translate> | ||
:2. You can choose "Book now" or "Reserve" options as a call-to-action and then choose [https://simplybook.me/en/ SimplyBook.me]. That way you will enable [[Facebook and Instagram Bookings]] custom feature | <!--T:12--> | ||
:2. You can choose "Book now" or "Reserve" options as a call-to-action and then choose [https://simplybook.me/en/ SimplyBook.me]. That way you will enable [[Special:MyLanguage/Facebook and Instagram Bookings]] custom feature | |||
[[File:Fb action button new book.png|1200px|center|link=https://help.simplybook.me/images/6/64/Fb_action_button_new_book.png]] | [[File:Fb action button new book.png|1200px|center|link=https://help.simplybook.me/images/6/64/Fb_action_button_new_book.png]] | ||
<br><br> | <br><br> | ||
| Line 110: | Line 122: | ||
</translate> | </translate> | ||
<translate> | <translate> | ||
<!--T:13--> | |||
:3. Paste your booking website link to the corresponding field and save settings. | :3. Paste your booking website link to the corresponding field and save settings. | ||
[[File:Add link to fb button.png|1200px|center|link=https://help.simplybook.me/images/0/03/Add_link_to_fb_button.png]] | [[File:Add link to fb button.png|1200px|center|link=https://help.simplybook.me/images/0/03/Add_link_to_fb_button.png]] | ||
| Line 119: | Line 132: | ||
<translate> | <translate> | ||
<!--T:14--> | |||
=How to add a Facebook Messenger chat to your booking page= | =How to add a Facebook Messenger chat to your booking page= | ||
:'''Video tutorial available ''' | :'''Video tutorial available '''<p><youtube>PuFFtCOksc8</youtube></p> | ||
<br><br> | <br><br> | ||
</translate> | </translate> | ||