Skip to main content
After you create a widget, you can share it with homeowners, update pricing, swap roofing options, and take a widget offline all from the Website Widgets page. This article walks you through every action available after a widget is created.

​
The Website Widgets page

Go to Settings → Customer Experience → Website Widget to open the Website Widgets page. All widgets in your account appear as a grid. Each card shows:
  • The widget name and description
  • The widget type: For example, Instant Estimate
  • A status badge: Active, Draft, or Inactive
  • A three-dot menu for quick actions
Use the Search Widget field at the top right to find a specific widget by name.

​
Widget statuses

StatusWhat it means
DraftThe widget has been created but not yet activated. Homeowners cannot access it.
ActiveThe widget is live. Homeowners can access it via the link, embed, or QR code.
InactiveThe widget has been deactivated. The link is offline and homeowners see an unavailable message.

​
Open a widget

Select any widget card to open its detail panel. The panel slides out on the right side of the screen; your widget list stays visible on the left.
Sidpanel1

​
Share your widget

After activation, you can share your widget with homeowners using three methods. All three are available from the widget detail panel.
  1. Open the widget detail panel and select the Share Your Widget tab.
  2. Select the copy icon to the right of the URL field to copy the widget link to your clipboard.
  3. Share the link via email, text message, your Google Business Profile, or your social media pages.

​
Download the QR code

  1. Open the widget detail panel and select the Share Your Widget tab.
  2. Select Download QR Code to save the QR code as a PNG file.
  3. Print it on business cards, truck wraps, yard signs, or any physical materials that homeowners can scan.
Crwid24 1

​
Embed the widget on your website

  1. Open the widget detail panel and select the Embed Widget tab.
  2. Choose your preferred embed format:
    • Script: a JavaScript snippet. Paste it before the closing </body> tag on any page of your website.
    • iFrame: A standard HTML frame. Paste it anywhere in the body of your page. This works with most website builders, including WordPress, Wix, and Squarespace.
  3. Select Copy next to your preferred option, then paste the code into your website.
Note: If you are not sure which embed option to use, start with iFrame: It works with most website builders without any additional setup.
Tip: If you need help placing the embedded widget on your website, contact your web developer or your website platform’s support team. Zuper Support cannot assist with third-party website configuration.
Manwid2 1
Manwid3

​
Preview your widget

Select the Preview Widget on the widget detail panel to open the live homeowner-facing widget in your browser. Use this to check how your options, pricing, and branding appear to homeowners before sharing the link.
Manwid4

​
Manage roofing options from the detail panel

The widget detail panel includes a Roofing options summary at the bottom. Each configured option appears with its name, price per unit, and an active/inactive toggle. Use the toggle to show or hide a specific option on the homeowner results page without opening the full editor. To edit an option’s name, pricing, or specifications, select Edit at the top of the panel to open the full setup wizard.

​
Edit a widget

You can edit any widget: Draft or activated at any time.
  1. On the Website Widgets page, select the three-dot menu on the widget card and select Edit. Alternatively, open the widget detail panel and select Edit.
  2. Move through the wizard steps and make your changes.
  3. Select Activate to save and push the changes live.
Editwid
Changes to an activated widget do not go live until you select Activate. Until then, homeowners continue to see the previous version of the widget. You can navigate directly to any step in the wizard using the step indicators at the top, you do not need to move through each step in order when editing.

​
Duplicate a widget

Duplicating a widget creates a copy in Draft status with all settings preserved; branding, questions, roofing options, pricing, and advanced settings. Use this to create a variation of an existing widget without rebuilding from scratch.
  1. On the Website Widgets page, select the three-dot menu on the widget card and select Duplicate.
  2. Zuper creates a copy with the prefix Copy of added to the widget name.
  3. Select the duplicated widget card to open it.
  4. Select Edit to update the name, settings, or options as needed.
  5. Select Activate when the widget is ready to go live.
Delwid
Tip: Use duplicate to create seasonal variations: For example, a storm damage widget active after severe weather without altering your primary widget.

​
Activate or deactivate a widget

You can take a widget offline without deleting it. Deactivating preserves all settings so you can reactivate later.

​
Deactivate a widget

  1. On the Website Widgets page, select the three-dot menu on the widget card.
  2. Select Deactivate. The status badge changes to Inactive immediately.
Dupwid

​
Reactivate a widget

  1. Select the three-dot menu on the inactive widget card.
  2. Select Activate. The widget goes live immediately using the last activated version.
Note: When a widget is deactivated, homeowners who visit the link see a message that the widget is unavailable. No new contacts, properties, or jobs are created for visits during the inactive period. Your existing records are not affected.

​
Delete a widget

Deleting a widget permanently removes it and its public URL. This action cannot be undone.
  1. On the Website Widgets page, select the three-dot menu on the widget card.
  2. Select Delete.
  3. Confirm the deletion in the prompt that appears.
Manwid8
Note: Deleting an active widget immediately takes its public URL offline. Any homeowner who visits the link after deletion sees an error page. If you want to take a widget offline temporarily, deactivate it instead of deleting it.

​
Frequently asked questions

Yes. Open the widget, select Edit, and update the widget name at the top of the page. The name is for your internal reference only — homeowners do not see it. Select Activate to save the change.
Yes. A duplicate preserves everything — branding, questions, all roofing options with their pricing, financing selections, visibility conditions, and advanced settings. The duplicate starts in Draft status so you can review and adjust before activating.
Yes. Copy the embed code once and paste it on as many pages as you need. All instances point to the same widget URL and use the same configuration.
Deleting a widget does not affect any contacts or jobs already created from previous submissions. Only the widget itself and its public URL are removed.