Line 15: |
Line 15: |
| :1. Search for <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[https://wordpress.org/plugins/simplybookme-online-appointment-scheduling-widget-and-booking-system/ Simplybook WordPress plugin]</span> in the list of plugins in the WP catalogue and add it to your website (it is called Online Appointment Scheduling Widget and Booking System). | | :1. Search for <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[https://wordpress.org/plugins/simplybookme-online-appointment-scheduling-widget-and-booking-system/ Simplybook WordPress plugin]</span> in the list of plugins in the WP catalogue and add it to your website (it is called Online Appointment Scheduling Widget and Booking System). |
| | | |
− | [[File:Install plugin.png | center]] | + | [[File:Wp install.png |border| center]] |
| <br><br> | | <br><br> |
| | | |
− | :2. Go to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">WordPress plugin settings</span> and insert your company login to the corresponding box there. (the one in url of your admin page, e.g in the link <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">https://image.secure.simplybook.me/</span>, ''image'' is company name) | + | :2. Go to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">WordPress plugin settings</span> and insert your company login to the corresponding box there. (the one in url of your admin page, e.g in the link <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">https://image.secure.simplybook.me/</span>, ''image'' is company name).<br> |
| + | Select the theme, timeline and colors for the client view. Save settings |
| | | |
− | [[File:Wp plugin settings 4.0.png | center]] | + | [[File:Wp plugin settings 4.0.3.png | center]] |
| <br><br> | | <br><br> |
− | :3. Select the theme, timeline and colors for the client view. | + | :3. In your WordPress admin site navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Pages</span> and create a new page specifically for bookings (you can also add it to the already existing page if you wish, the process is the same). Then, paste <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">[simplybook]</span> tag into that page. |
− | <br><br>
| |
− | :4. In your WordPress admin site navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Pages</span> and create a new page specifically for bookings (you can also add it to the already existing page if you wish, the process is the same). Then, paste <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">[simplybook]</span> tag into that page.
| |
| | | |
− | [[File:Shortcode in wp admin.png | center]] | + | [[File:Wp plugin page tag.png | center]] |
| <br><br> | | <br><br> |
− | :5. Example of WordPress plugin (may look different depending on your WP theme and SimplyBook.me settings). You can also use <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Custom_CSS | CSS custom feature]]</span> to adjust the look of the plugin to the design of your website. | + | :4. Example of WordPress plugin (may look different depending on your WP theme and SimplyBook.me settings). You can also use <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Custom_CSS | CSS custom feature]]</span> to adjust the look of the plugin to the design of your website. |
| | | |
− | <span style="background-color:#fef3de; padding:5px; border-radius:5px;">Select location</span> | + | :::<span style="background-color:#fef3de; padding:5px; border-radius:5px;">Select location</span> |
| | | |
− | [[File:Select location.png | center]] | + | [[File:Wp select location.png | center]] |
| <br><br> | | <br><br> |
− | <span style="background-color:#fef3de; padding:5px; border-radius:5px;">Select service</span> | + | :::<span style="background-color:#fef3de; padding:5px; border-radius:5px;">Select service</span> |
| | | |
− | [[File:Select service.png | center]] | + | [[File:Wp select service.png | center]] |
| <br><br> | | <br><br> |
− | <span style="background-color:#fef3de; padding:5px; border-radius:5px;">Select date and time</span> | + | :::<span style="background-color:#fef3de; padding:5px; border-radius:5px;">Select date and time</span> |
| | | |
− | [[File:Select date and time.png | center]] | + | [[File:Wp select date and time.png | center]] |
| <br><br> | | <br><br> |
− | <span style="background-color:#fef3de; padding:5px; border-radius:5px;">Fill in the details</span> | + | :::<span style="background-color:#fef3de; padding:5px; border-radius:5px;">Fill in the details</span> |
| | | |
− | [[File:Fill-in details.png | center]] | + | [[File:Wp add details.png | center]] |
| <br><br> | | <br><br> |
| ;Errors while setting up the plugin. | | ;Errors while setting up the plugin. |
Line 68: |
Line 67: |
| [[File:Widget code copy.png | center]] | | [[File:Widget code copy.png | center]] |
| <br><br> | | <br><br> |
− | :2. Go to your WordPress admn side and create a new page or navigate to already created one, where you plan to add the widget. Click on "+" icon. | + | :2. Go to your WordPress admn side and create a new page or navigate to already created one, where you plan to add the widget. |
− | [[File:Creating new page wp.png | center]] | + | [[File:Wp add code.png| center]] |
− | <br><br>
| |
− | :3. Search for HTML option.
| |
− | [[File:Add html editor.png | center]]
| |
| <br><br> | | <br><br> |
− | :4. Paste the previously copied code. | + | :3. Paste the previously copied code to text/HTML box. |
− | [[File:Paste the code.png | center]] | + | [[File:Wp added code.png | center]] |
| <br><br> | | <br><br> |
− | :5. Publish your changes | + | :4. Publish your changes. |
| <br><br> | | <br><br> |
| | | |
| <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). |
| | | |
− | [[File:Wp widget new.png| center]] | + | [[File:Wp select location.png| center]] |
| <br><br> | | <br><br> |
| =How to translate old version of WordPress plugin to your language= | | =How to translate old version of WordPress plugin to your language= |
Line 94: |
Line 90: |
| :7) save and update zip file with your translation file (''Please note!'' Zip file structure should not be changed) | | :7) save and update zip file with your translation file (''Please note!'' Zip file structure should not be changed) |
| :8) go to your WordPress dashboard, Plugins page and click on "Add new" at the top, then choose "Upload Plugin" and upload your zip file there.<br><br> | | :8) go to your WordPress dashboard, Plugins page and click on "Add new" at the top, then choose "Upload Plugin" and upload your zip file there.<br><br> |
− | If it does not work you need to apply translations via FTP - if you do not know how to do it please contact your web developer. | + | :If it does not work you need to apply translations via FTP - if you do not know how to do it please contact your web developer. |
| <br><br> | | <br><br> |