How To Display Houzz Reviews On Bubble?

In this post, you will learn how to display a Houzz reviews on your Bubble website. Do you use Houzz reviews? Do you have a website built using Bubble? If you answered YES to both questions, this tutorial is for you!

Steps for SociableKIT

  1. Go to SociableKIT.com and click Sign up. You will be automatically logged in after you sign up.
  2. On the dashboard, click the "+ Create Solution" button on the upper right corner.
  3. Select "Houzz reviews" on the dropdown.

  4. Click the "NEXT" button. This will show you the customization options.
  5. Click the "Embed on website" button on the upper right corner. Copy the JavaScript code.

Steps for Bubble

    1. Log in to your account in Bubble. You can have a free account and sign up for free for 14-day free trial.
    2. Create an app. Click the "Create an app" button and the pop-up will show to name your app
    3. Once click, Name your app and press "Get started". If you have an account on Bubble for free, Just click "Start with the basic features" to go through.
    4. The preview of your app will show. Under the "Design" tab, Click the UI Elements and look for " HTML".
    5. Drag and click on the blank space in the "HTML" UI elements. It can be modified to the preferred size of the view of the widget.
    6. On the side window, Click the appearance and paste the embed code. For this, you can also add your custom CSS on the HTML editor here in a small rectangle. You can click also the "Display as an iFrame" option for the exact size you modified.
    7. After you paste it, The preview will show right away and automatically save.
    8. Click Preview on the upper right corner of your page. The new tab or window will show your finished product.
    9. Done! Your sample app with the embedded code will shown. Also, It can be debugged if you have a concern on your page. Click the "Inspect" button on the lower right corner of the page.