How to build a Website Widget on Bubble

How to build a Website Widget on Bubble

Step-by-step video course that will teach you how to build website widgets with Bubble platform using Date picker plugin and a bit-of-code.

  • 6 Lessons

  • 00h : 55m

  • 12 Students enrolled in this course

Full Course

1

  • Welcome to the playground

00h : 6m

2

  • Welcome to the playground

00h : 6m

3

  • Welcome to the playground

00h : 5m

4

  • Welcome to the playground

00h : 4m

5

  • Welcome to the playground

00h : 4m

What is this course about?

In this video course, you’ll know how to build a website widget that enables your app’s visitors to book a call by selecting a date from a calendar and leaving their email address.

We're gonna use both Bubble’s and limitless Ideas calendar pickers plugins to show you how things work.

The web widget example will be hosted by your Bubble app server and loaded by the website's server where you want to install it. This is a good Cross-Origin Resource Sharing example. So, you’ll know what CORS is. As a server example, we’ll use well-documented Amazon S3.

At the end of the course, you’ll have the app with the working widget that allows users to choose a date to book an appointment.

Note:  Make sure your widgets get loaded in the website you need to use your own server or a storage service that lets you change its CORS policy.

Let's get started!

Who is this course for:

  • People who want to create a website widget

  • Those who want to learn how to build new features on Bubble platform

  • People who want to understand how to use CORS, servers

What are the requirements:

  • Latest version of Google Chrome browser

  • Your app should have a paid Bubble plan

  • Some experience of building on Bubble.io tool

What you'll learn:

  • How to create and setup a website booking widget using 2 different plugins

  • About CORS and Amazon S3 server

  • How to work with Backend workflow

  • How to communicate with the widget

Related Template:

Marketo - Marketplace Like Amazon Template

Creator . Crowdfunding

$249

EXPLORE EVEN MORE

Related no-code courses

Try similar courses to learn how to build apps without code

and master your no-code skills.

Get Started

COMPANY

About Us

Services

Blogs

Free Tutorials

Templates

Landing Pages

Funnels

Websites

Cards/Sections

Pricing

SERVICES

Funnel Builds

Advertising

Funnel Fixes

FIND US AT

Whatsapp

Facebook

Telegram

LEGAL

Terms of Use

Privacy

RESOURCES

API Tools

Quick Messages

OTHERS

Customer Development

Limitless Ideas Conference

FOLLOW US

YouTube

Twiter

Intergram

Linkedin

Facebook