BookedIN Online Scheduling Software - Frequently Asked Questions

1&1 Booking Button

Easily add an online booking button to your 1&1 website in just a few steps. (Click here for how to embed your full calendar.)

  1. Open your 1&1 MyWebsite Editor. Once you are logged in, hit the Edit your 1&1 MyWebsite button
    adding_online_booking_to_1_1_website_with_bookedin.png
  2. Choose the Insert Elements button from the right-side menu
    add_a_booking_widget_to_my_1_1_website_with_bookedin.png
  3. Click & hold the Widget/HTML icon, then drag it on to your page where you want the booking button to appear. When it is in the right spot, release your mouse button.
    add_online_scheduling_to_1_1_websites.png
  4. In a new window, sign in to your BookedIN account or create a new one
  5. Go to Settings > Integrate in the top menu
  6. Under Website Button you'll see some options. 
  7. Choose a button size: Standard or Small
  8. Choose a button color: Blue, Green, Red, or Custom
    If you choose Custom: use the color-picker or enter a HEX value
  9. When you're happy with your button, hit Get Code, then Copy Code

  10. Now go back to your 1&1 editor window. In the Widget / HTML text area you just created, paste the code that you copied from BookedIN, then hit save.
  11. You will see a message "The widget is only displayed in the page view, not in the editing mode." To view your button, just hit the preview menu above. 
    1_1_html_widget_preview_mode_in_the_MyWebsite_editor_.png
  12. Nice work! You will now see your fancy new booking button. 
    Book_now_button_sample_on_1_1_website_widget.png

Having trouble with mobile? 
You may need to adjust your 1&1 template settings to ensure the button appears on mobile devices. Go to your 1&1 website Settings (gear icon in right-hand menu) then Mobile Website, then un-check the option called "only display optimized content on smartphones and tablets"

 

Comments