Getting started

CEC Feedback has two parts:

• The widget runs on the website being reviewed. Clients use it to leave feedback, and team members use it to reply, tag and resolve.
• The dashboard at feedback.cec.dev is where the CEC team manages projects and works through feedback. It's behind CEC's Cloudflare Access sign-in, so only CEC team members can open it.

Docs in the dashboard's top bar opens these pages.

Each website (or set of designs) under review is a project. Feedback, tags, integrations and widget settings all belong to one project.

1. Create a projectCopy Anchor Link

1. Sign in at feedback.cec.dev and open Projects.
2. Click + Create New Project and pick a type:
   • Website: feedback left on a live site through the widget. Give it a name and the site's URL. CEC Feedback renders a thumbnail of the site for the project card.
   • Design: feedback on uploaded design images, shared through a review link. See Designs and review links.
3. The new project opens on its Installation tab.

Only owners and administrators can create projects. See Members and roles.

2. Install the widgetCopy Anchor Link

The Installation tab shows the project's snippet with its key filled in:

<script async src="https://feedback-api.cec.dev/w/loader.js" data-project="pk_…"></script>

Paste it into the <head> of every page that should show the widget. On WordPress, use the WordPress plugin instead. If someone else builds the site, Send to developer emails them the snippet and the instructions.

The project key (pk_…) isn't a secret: it's visible in the page source of every site that uses it. The next section explains how to limit where it works.

3. Choose where the widget may runCopy Anchor Link

Settings › General › Allowed origins lists the sites where the widget may load.

• Leave it empty to allow any website. New projects start empty, so the snippet works wherever you paste it.
• Add origins to restrict the widget to those sites only, for example https://staging.client.com, or *.client.com for every subdomain. On any other site the widget doesn't appear.

An origin is the scheme, host and port: https://www.client.com and https://client.com are two different origins.

4. Check the installationCopy Anchor Link

Open the site. The feedback tab appears at the middle of the right edge. The Installation tab switches to "Installation verified" once the widget has loaded on the site.

Nothing showing? See troubleshooting.

5. Collect feedbackCopy Anchor Link

Send the site's address to your client with a link to Using the widget. Their feedback appears in the project's Feedback tab within seconds, with a screenshot, the page address, their browser and any console errors.

Next stepsCopy Anchor Link

• Decide who sees the widget, and what clients may do with it: Projects and settings.
• Send new feedback to ClickUp or Slack: Integrations.
• Invite the rest of the team: Members and roles.