Embed Resurva

Resurva is an appointment booking and scheduling app. To be able to embed Resurva on your Portfoliobox website, you first need to create a Resurva account. 

1. Get the iframe code from Resurva

To embed your Resurva booking in your online portfolio, you will first need to set up your services. 

1. Login to your Resurva account.
2. Create your services and add your providers.
3. Under Manage, go to Booking widget.
4. Click on Authorized sites.
5. Add your site URL. You will need to add both entries with and without "www".
6. Click on Get code.
7. Copy the entire iframe code. Example: <iframe src="https://test.resurva.com/book?embedded=true" name="resurva-frame" frameborder="0" width="450" height="450" style="max-width:100%"></iframe>

2. Add the Resurva element to your site

1. Right-click on an element
2. In the Context menu, click Add Element Below.
3. Go down to Embed.
4. Choose Resurva.

The element is added but is empty. You now need to paste the iframe code. 

3. Paste the Resurva iframe

1. Click the pen icon next to the Resurva element.
2. Choose Change content.
3. Paste the iframe code you previously copied. 
4. Click Save.
5. Refresh the page.
6. Change the size, margin and position.