Embed Bucket.io Code in Your Website

Embed Bucket.io Code in Your Website

In this article, we’ll show you how to embed Bucket.io code into your website. 

Things to know before you begin:

You can copy your embed code directly from the main Discover or Segment pages.  

For example: 

You can also change the funnel type without losing any data on a survey or funnel currently ingesting participant data. The funnel type you choose determines whether you will have a link or an embed code to copy. 

The only time you will have a standard URL is when you select Full Page as your survey or funnel type. Otherwise, you will have an embeddable code. We’ll be focusing on how to use embeddable codes on your website. If you need assistance inputting URL links in your site, please let one of our help team know. 


Step 1: Copy Your Embed Code

Navigate to the Publish section of your Discovery Survey or Segmentation Funnel, and copy the embed code or link. Alternatively, obtain the code directly from a published survey as shown above. 

Step 2: Paste the Code in the HTML Section of Your Site. 

In the following example, we’ll be using WordPress. However, you can input the code in the web publishing platform of your choice that supports embeddable codes. 

1. Open the page or post where you want to embed the code. By default you are shown the Visual editing pane:

2. To the right of Visual, click on Text to bring up the WordPress text editor.

3. Paste the code.

Important: Ensure you publish or update the page or post while still in the text editor. If you switch back to visual it can affect the code. 

Example of a successfully embedded button code:

    • Related Articles

    • Finding the Embed Code of a Survey or Funnel

      Follow the steps below to find the Embed Code of your Survey or Funnel: In your Survey or Funnel: Open your Survey or Funnel. Click on the Publish tab. Scroll down and Click on the Copy button.   In your Discovery or Segmentation Tiles: Click on the ...
    • Definitions of Bucket.io Terms

      Discovery Survey: Used to identify your buckets, identify natural language patterns, and gather feedback from your market Segmentation. Create fully-customized, multi-question segmentation quizzes, surveys, assessments, and segmentation funnels of ...
    • Basics of CSS in bucket.io - Background Transparent

      Advanced customization is a feature located at the Design Page, recommended for users with advanced developing skills since it is all about writing code. If you are feeling adventurous, rest assured that you can reset it to the original format. Here ...
    • Adding Videos to Bucket.io Quizzes

      Videos can easily be added to Bucket.io quizzes. However, only uploaded videos in applications such as YouTube, Vimeo, etc, that generate an HTML script (embed code) can be used. (if you are having problems seeing pictures in this article, click any ...
    • Navigating Bucket.io - The Fundamentals

      Learn where the most used elements of Bucket.io are located. The following video provides a high-level overview of the fundamental sections within Bucket.io.