WordPress integration: Difference between revisions
No edit summary |
Marked this version for translation |
||
| Line 1: | Line 1: | ||
<languages/> | <languages/> | ||
<translate> | <translate> | ||
<!--T:1--> | |||
{{#seo: | {{#seo: | ||
|title=WordPress plugin - SimplyBook.me | |title=WordPress plugin - SimplyBook.me | ||
| Line 10: | Line 11: | ||
<translate> | <translate> | ||
<!--T:2--> | |||
__FORCETOC__ | __FORCETOC__ | ||
<!--T:3--> | |||
==With the help of WordPress plugin== | ==With the help of WordPress plugin== | ||
:1. In your WordPress admin interface navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Plugins</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Add new Plugin</span> and search for '''Simplybook'''.<br> | :1. In your WordPress admin interface navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Plugins</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Add new Plugin</span> and search for '''Simplybook'''.<br> | ||
| Line 22: | Line 25: | ||
</translate> | </translate> | ||
<translate> | <translate> | ||
<!--T:4--> | |||
:3. If you already have an account with SimplyBook.me please choose the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Sign in here</span> option there.<br> | :3. If you already have an account with SimplyBook.me please choose the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Sign in here</span> option there.<br> | ||
:If you have not created it yet, simply click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Create free account</span> option and sign up following the suggested steps. | :If you have not created it yet, simply click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Create free account</span> option and sign up following the suggested steps. | ||
| Line 35: | Line 39: | ||
</translate> | </translate> | ||
<translate> | <translate> | ||
<!--T:5--> | |||
:6. Switch to '''Design''' tab.<br> | :6. Switch to '''Design''' tab.<br> | ||
:Adjust the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">design</span> settings for your widget.<br> | :Adjust the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">design</span> settings for your widget.<br> | ||
| Line 46: | Line 51: | ||
</translate> | </translate> | ||
<translate> | <translate> | ||
<!--T:6--> | |||
:The page with the booking widget is already pre-created for you - you can edit, remove or keep it as it is.<br> | :The page with the booking widget is already pre-created for you - you can edit, remove or keep it as it is.<br> | ||
:Or you can create a new page and paste <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">[simplybook_widget]</span> tag to its body and publish the page.<br><br> | :Or you can create a new page and paste <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">[simplybook_widget]</span> tag to its body and publish the page.<br><br> | ||
| Line 53: | Line 59: | ||
</translate> | </translate> | ||
<translate> | <translate> | ||
<!--T:7--> | |||
==As a Widget== | ==As a Widget== | ||
:1. Please copy the code from <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking widgets settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">iFrame widget</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Get widget code.</span> | :1. Please copy the code from <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking widgets settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">iFrame widget</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Get widget code.</span> | ||
<!--T:8--> | |||
[[File:Booking widget path redesigned.png|1200px | center|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]] | [[File:Booking widget path redesigned.png|1200px | center|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]] | ||
<br><br> | <br><br> | ||
| Line 76: | Line 84: | ||
</translate> | </translate> | ||
<translate> | <translate> | ||
<!--T:9--> | |||
:<span style="background-color:#fef3de; padding:5px; border-radius:5px;">Example</span> (may look different depending on your WP theme and [https://simplybook.me/ SimplyBook.me] theme and settings). | :<span style="background-color:#fef3de; padding:5px; border-radius:5px;">Example</span> (may look different depending on your WP theme and [https://simplybook.me/ SimplyBook.me] theme and settings). | ||
<!--T:10--> | |||
[[File:Wp select location.png| center]] | [[File:Wp select location.png| center]] | ||
<br><br> | <br><br> | ||
<br><br> | <br><br> | ||
</translate> | </translate> | ||