Difference between revisions of "Custom Page custom feature"

From SimplyBook.me
(Created page with "{{#seo: |title=Custom Page custom feature - SimplyBook.me |titlemode=append |keywords=faq, frequently asked questions, booking software, appointment system questions, appointm...")
 
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
<languages/>
 +
<translate>
 +
</translate>
 
{{#seo:
 
{{#seo:
 
|title=Custom Page custom feature - SimplyBook.me
 
|title=Custom Page custom feature - SimplyBook.me
Line 4: Line 7:
 
|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 page, additional content
 
|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 page, additional content
 
}}
 
}}
 +
<translate>
  
  
  
 +
<!--T:1-->
 
[[File:Static page.png | left]]
 
[[File:Static page.png | left]]
 
<br>
 
<br>
Line 13: Line 18:
  
 
__TOC__
 
__TOC__
−
=How to use page creation option=
+
=How to use page creation option= <!--T:2-->
  
 +
<!--T:3-->
 
:1. Enable “Custom page” feature on your ''Custom features page -> Adding more to the Booking site'' section.
 
:1. Enable “Custom page” feature on your ''Custom features page -> Adding more to the Booking site'' section.
−
[[File:Static page enable path.png | center]]
+
[[File:Custom page enable path redesigned.png|1200px| center|link=https://help.simplybook.me/images/5/54/Custom_page_enable_path_redesigned.png]]
 
<br><br>
 
<br><br>
−
:2. Go to its settings to manage the pages.  
+
:2. Go to "Manage" to setup the desired pages.  
−
[[File:Static page settings path.png | center]]
+
[[File:Custom page settings path redesigned.png|1200px | center|link=https://help.simplybook.me/images/e/ee/Custom_page_settings_path_redesigned.png]]
 
<br><br>
 
<br><br>
 
:3. On the next page you will be able to see system booking page tabs.
 
:3. On the next page you will be able to see system booking page tabs.
 
:(The ones that are disabled currently are grayed out.)
 
:(The ones that are disabled currently are grayed out.)
 
:System pages cannot be edited in this interface. You will need to navigate to the corresponding section using the links provided.  
 
:System pages cannot be edited in this interface. You will need to navigate to the corresponding section using the links provided.  
−
[[File:Active and disabled tabs.png | center]]
+
[[File:Custom page active and disabled pages redesigned.png|1200px | center|link=https://help.simplybook.me/images/1/14/Custom_page_active_and_disabled_pages_redesigned.png]]
 
<br><br>
 
<br><br>
 
:4. You can use arrows to re-order the tabs and “Eye” icons to hide and show pages.
 
:4. You can use arrows to re-order the tabs and “Eye” icons to hide and show pages.
 
:'''Please note''', that if you hide the page it still will be possible to access it using direct link.  
 
:'''Please note''', that if you hide the page it still will be possible to access it using direct link.  
−
[[File:Hide-show-reorder pages.png | center]]
+
[[File:Custom page hide show reorder redesigned.png|1200px | center|link=https://help.simplybook.me/images/8/87/Custom_page_hide_show_reorder_redesigned.png]]
 
<br><br>
 
<br><br>
 
:5. If you wish to add new custom page, please click on “+” icon at the top and choose “Add custom page” option.  
 
:5. If you wish to add new custom page, please click on “+” icon at the top and choose “Add custom page” option.  
−
[[File:Create new static page.png | center]]
+
[[File:Add custom page path redesigned.png|1200px | center|link=https://help.simplybook.me/images/d/d3/Add_custom_page_path_redesigned.png]]
 
<br><br>
 
<br><br>
 
:6. On the right side the page-building menu will appear. Please add title and desired page content.
 
:6. On the right side the page-building menu will appear. Please add title and desired page content.
 
:You may use built-in HTML editor to add elements or if you have HTML coding knowledge you can switch to code mode using “</>” icon.
 
:You may use built-in HTML editor to add elements or if you have HTML coding knowledge you can switch to code mode using “</>” icon.
 
:'''Please note''', it is necessary to switch coding mode off before saving the page for the code to be saved correctly.  
 
:'''Please note''', it is necessary to switch coding mode off before saving the page for the code to be saved correctly.  
−
[[File:Coding mode on.png | center]]
+
[[File:Custom page coding mode on redesigned.png|1200px | center|link=https://help.simplybook.me/images/9/93/Custom_page_coding_mode_on_redesigned.png]]
 
<br><br>
 
<br><br>
  
Line 42: Line 48:
  
 
<br><br>
 
<br><br>
−
=How to use adding links=
+
=How to use adding links= <!--T:4-->
 
<br>
 
<br>
 
It may happen that you need to redirect your clients to some other page(ex. your website, etc.). <br>
 
It may happen that you need to redirect your clients to some other page(ex. your website, etc.). <br>
Line 49: Line 55:
  
  
 +
<!--T:5-->
 
:1.  Click on “+” icon at the top and choose “Add link to menu bar” option.  
 
:1.  Click on “+” icon at the top and choose “Add link to menu bar” option.  
−
[[File:Add link to menu bar.png | center]]
+
[[File:Add custom links redesigned.png|1200px | center|link=https://help.simplybook.me/images/1/19/Add_custom_links_redesigned.png]]
 
<br><br>
 
<br><br>
 
:2. Add the title you wish to show in the booking page header to “Custom link text to display” field and indicate the link itself in the corresponding field.  
 
:2. Add the title you wish to show in the booking page header to “Custom link text to display” field and indicate the link itself in the corresponding field.  
−
[[File:Adding the link.png | center]]
+
[[File:Custom link main settings redesigned.png|1200px | center|link=https://help.simplybook.me/images/f/f9/Custom_link_main_settings_redesigned.png]]
 
<br><br>
 
<br><br>
 
:3. You can also choose whether the link should be opened in the new browser tab or in the same one. <br>
 
:3. You can also choose whether the link should be opened in the new browser tab or in the same one. <br>
 
:For this please choose “''self''” if you wish the page to be opened in the same tab or “''blank''” if you wish to be opened in the separate tab in the “Choose how link will be opened” setting.  
 
:For this please choose “''self''” if you wish the page to be opened in the same tab or “''blank''” if you wish to be opened in the separate tab in the “Choose how link will be opened” setting.  
−
[[File:How to open the link.png | center]]
+
[[File:Custom link blank or self redesigned.png|1200px | center|link=https://help.simplybook.me/images/2/2b/Custom_link_blank_or_self_redesigned.png]]
 
<br><br>
 
<br><br>
 +
</translate>

Latest revision as of 09:41, 4 September 2024

Other languages:


Static page.png


This custom feature allows you to add your own custom static pages to your booking website, re-order all booking site pages in the main menu, hide menu items, and add custom links to the main menu.

How to use page creation option

1. Enable “Custom page” feature on your Custom features page -> Adding more to the Booking site section.
Custom page enable path redesigned.png



2. Go to "Manage" to setup the desired pages.
Custom page settings path redesigned.png



3. On the next page you will be able to see system booking page tabs.
(The ones that are disabled currently are grayed out.)
System pages cannot be edited in this interface. You will need to navigate to the corresponding section using the links provided.
Custom page active and disabled pages redesigned.png



4. You can use arrows to re-order the tabs and “Eye” icons to hide and show pages.
Please note, that if you hide the page it still will be possible to access it using direct link.
Custom page hide show reorder redesigned.png



5. If you wish to add new custom page, please click on “+” icon at the top and choose “Add custom page” option.
Add custom page path redesigned.png



6. On the right side the page-building menu will appear. Please add title and desired page content.
You may use built-in HTML editor to add elements or if you have HTML coding knowledge you can switch to code mode using “</>” icon.
Please note, it is necessary to switch coding mode off before saving the page for the code to be saved correctly.
Custom page coding mode on redesigned.png






How to use adding links


It may happen that you need to redirect your clients to some other page(ex. your website, etc.).
In this case “Add link to menu bar” will help you.


1. Click on “+” icon at the top and choose “Add link to menu bar” option.
Add custom links redesigned.png



2. Add the title you wish to show in the booking page header to “Custom link text to display” field and indicate the link itself in the corresponding field.
Custom link main settings redesigned.png



3. You can also choose whether the link should be opened in the new browser tab or in the same one.
For this please choose “self” if you wish the page to be opened in the same tab or “blank” if you wish to be opened in the separate tab in the “Choose how link will be opened” setting.
Custom link blank or self redesigned.png



Retrieved from "https://help.simplybook.me/index.php?title=Custom_Page_custom_feature&oldid=10665"