Install Flawsnap on a Wix site
Wix's Custom code setting adds the widget to every page of a published site, as long as the site has a premium plan and a connected domain.
Steps
- 1
Check the Wix requirements
Custom code on Wix needs a premium plan and a connected domain. Without them the Custom code option is not available.
- 2
Allow your domain
In Flawsnap, open the project’s Security settings and add the connected domain under Allowed domains, with
www.as its own line if your site uses it. - 3
Open Custom code
In your Wix dashboard, go to Settings and find Custom code (in the Development & integrations section, called Advanced on older dashboards). Choose to add custom code.
- 4
Paste and place it
Paste the Flawsnap snippet, give it a name such as "Flawsnap", apply it to All pages, load it once, and place it in the Head. Apply.
- 5
Test on the live site
Open the published site on your domain, not the editor preview, and send a test report.
The code to paste into Wix
Wix asks which pages the code goes on, where it is placed and how often it loads. For Flawsnap:
- Pages: all pages, so the button is everywhere a visitor might hit a problem.
- Placement: head, so console messages and requests from the start of the visit are captured.
- Loading: once. Wix can move between pages without a full reload. The widget notices those page changes on its own, so it does not need to load again on each page.
<script src="https://backend.flawsnap.com/widget.js" data-key="pk_…" async></script>Why it needs a connected domain
Wix only runs custom code on sites with a premium plan and a connected domain. On Flawsnap's side, the widget only answers on the domains you allow, so the connected domain is also the one you list in Allowed domains.
Test on the published site. The Wix editor and its preview do not run custom code the same way, so a missing button there does not mean the install failed.
Making the button fit your site
The default button says "Report a bug" in Flawsnap green, in the bottom right corner. Wix sites often have a chat bubble there. You can change the label, side and colour on the tag:
<script src="https://backend.flawsnap.com/widget.js" data-key="pk_…" data-position="left" data-label="Report a problem" data-color="#1f4e79" async></script>Values set in the Flawsnap project settings win over these attributes, so a teammate can also change them later without editing Wix.
Who reports, and how they are named
On a Wix site the reporters are usually customers or a client checking their own site. They do not need an account: the form has optional name and email fields. Members of your Flawsnap team can turn on Let team members sign in from the widget and app in the project settings, then use Team member? Sign in in the form so their reports carry their name.
Prefilling Wix site members' details automatically would need custom code on the Wix side (Velo), which is outside this guide.
If it does not show up
- Open the browser console on the live site.
[flawsnap] widget disabled:means the domain is not on the allowed list or the key is wrong. - No
widget.jsrequest at all: the code is not applied to that page, or it is set to the body and another script is failing first. Move it to the head. - Two entries in Custom code with the snippet: Flawsnap ignores the second copy, but delete one so it is clear which is live.
- The button is hidden even though the script loads: check Show on website (under Report a bug button) in the Flawsnap project settings.
Questions
- Can I use Flawsnap on a free Wix site?
- Not through Custom code. Wix only offers custom code on sites with a premium plan and a connected domain, so the widget has nowhere to go on a free site.
- Does the widget see my Wix forms and bookings?
- The screenshot shows what is on the visitor’s screen, and the report lists console messages and network calls with method, URL and status. It never captures request or response bodies, and the reporter can blur anything private before sending.
Try it on your own site
7-day free trial, then $9 a month for Starter or $19 for Pro, per organization, with unlimited team members.
Related
Updated