Best Way To Add A Custom Widget to Your Website

Summarize this article

Get a quick breakdown of the key insights using your favorite AI assistant.

I've talked to so many of you who want to add simple, useful tools to your websites—like a mortgage calculator, a quote generator, or an interactive quiz. The problem is, these often require clunky plugins or custom development that's a pain to manage.

I designed Poper to solve this. You can add any custom-coded widget directly to your site without needing a developer or a separate server. If you're interested in more unique widget ideas, check out our guide on how to make a photo a widget. Let's walk through how to add a simple BMI calculator widget from scratch.

Step 1: Start a New Campaign in Poper

First, if you haven't already, get your Poper account set up. Once you're in, add your website's domain so Poper knows where to display your creations.

We're going to begin by creating a new popup. I know we're making a widget, but starting with a popup gives us a flexible canvas. You can pick a blank template to have a clean slate to work with.

Step 2: Generate the Code for Your Widget

You don't need to be a coding expert to create the widget itself. You can use a code-generating tool like ChatGPT or Gemini to do the heavy lifting. Open one up and use a clear prompt to get exactly what you need.

ChatGPT prompt for creating BMI calculator widget code

© 2026 Poper (Latracal). All rights reserved.

GrigoraMade with Grigora