If you are the main administrator of the Weebly site, you can embed widgets on your own. If you are a Bokun team member or other third party, you will need the main Administrator to add you as an Editor to their Weebly account. This can be done by the Administrator logging in, navigating to the settings tab, clicking "editors" then "add editor" and entering in the email address of the desired Editor. The new Editor will receive an email with log in instructions.

Once you've logged in to Weebly, you will either be taken directly to the site you wish to edit, or you will be taken to the dashboard. If you are in the dashboard, the sites that you are able to edit will appear at the top of the screen. Click "Edit Site" to begin:

Once you are on the editing page, click "Build" on the top menu bar and then navigate to the page that you want to embed your widget on.

Scroll down to the section on the page where you want to embed your widget. You will then use the left hand menu to find the "Embed Code" button (note: you may have to expand the left hand menu by clicking "show all elements" to find the "Embed Code" button):

Click and drag the "Embed Code" button to the section of the page where you would like your widget to appear. You will see a text box appear that says "click here to customize your HTML". Click on the text and another box will appear with the text "Edit Custom HTML".

You will click on this and paste the embed code you retrieve from your Bokun page. (see below)

Generating embed codes in Bokun:
To create embed codes for your website, navigate to the gear icon in the top right corner of the page, then select “Widget” from the side bar:

Click the Embed Widget link for the widget you want to embed. This will take you to a tool where you can configure the embedding settings for your booking engine.

Embed Widget Settings

Booking Channel - (Mandatory) Select the booking channel for this booking engine. Booking channel is e.g. your website, or any other website where you might add your booking engine. What a booking channel does is to track where your sales originate from. Supplier - (Mandatory) Select the supplier who owns the product you are creating a booking engine for. That could be you, or any supplier you have an active contract with on the Marketplace.

Product - (Mandatory) Here you select the product this booking engine is for. The product list updates, depending on which supplier you have selected.

Link to Affiliate (Optional) What you can do in Bókun is to produce a booking engine and send the code to someone else who can embed the booking engine to their own website. In that case, you probably would like to track the commission the seller should get for selling your products. To do that you can create an affiliate in Bókun, then you can select the correct affiliate from this drop-down list to link the affiliate to this booking engine.

Language (Optional) Select the language the booking engine should be in. English is the default language. If you would like to create booking engines in other languages, you first have to activate the language and translate your content.

Currency (Optional) Choose the currency your booking engine should be in. Your default currency will be the default setting here.

Protocol (Optional) Allows you to use non-secure embedding. Please use this only if you know what you are doing. This is an advanced feature.

Automatically size the iframe to fit content (Optional)Bókun's booking engines are platform independent and responsive. If you want to override the default size for iframes, you can do so. This is an advanced feature.

After you have set the parameters for the widget, click the Generate embed code button to the right of the settings pane. The Embed code appears in the box below the button. This is the code you will copy and paste in Weebly after you click "Edit Custom HTML" 

Navigate back to the Weebly editor. Once you have copied and pasted the code on Weebly, simply click outside the HTML box and your embedded widget will appear. The last step is to click "Publish" in the top right corner of the screen:

Related Articles: 

Did this answer your question?