Create your own website widget in minutes.

A friendly no-code generator for floating support widgets, product promos, quick links, FAQ, contact forms, and accessibility tools. Customize it, preview it, copy the code, and paste it into WordPress.

How to use image URLs

Upload your image to WordPress Media Library. Click the image, copy the File URL, then paste it into the Logo Image URL or Promo Image URL field.

Best WordPress options

Paste the final code into Elementor HTML, a WordPress Custom HTML block, WPCode, or Code Snippets. For real forms, connect to WPForms, Fluent Forms, Gravity Forms, a webhook, or a CRM.

About Madbear.io

Madbear.io is a creative web design, branding, SEO, and digital marketing company focused on custom websites, clean design systems, and practical tools for businesses.

Widget settings

Tip: leave image fields empty while testing. The widget will show a clean placeholder instead of a broken image.

Brand

Widget title

Small label

Welcome message

Logo Image URLExample: upload your logo to Media Library, copy File URL, paste it here.

Header color

Button color

Button text color

Font

Widget theme

Position

Floating button text

Menu 1 label

Menu 1 URL

Menu 2 label

Menu 2 URL

Menu 3 label

Menu 3 URL

Promo / announcement

Promo image URL

Promo title

Promo text

Promo button text

Promo button URL

Contact and links

Phone

Website

Custom link label

Custom link URL

FAQ

FAQ 1 question

FAQ 1 answer

FAQ 2 question

FAQ 2 answer

Modules

Live preview

Always open so you can see changes instantly.

Preview website

Your generated widget floats here.

This is a simulated page so you can see how the widget will feel on a real website. The code below will use fixed positioning on your live site.

Generated code

Copied!