Customize Feedback Portal

← Back to Customer Feedback Portal section

• Availability
  • Plan: All
• Roles and Permissions
  • Delete/Edit (Global): Admin
  • Edit (Creator): Editor, Product Manager

Your Customer Feedback Portal is often the first thing your customers see of ProdPad, so it's worth making it feel like home. You can fully customize the look, feel and messaging of both the portal and the feedback widget - from your logo and brand colors through to the exact wording your customers see at every step.

Customization options are divided into three tabs: Portal, Widget and Messages. As you make changes, a live preview updates alongside you, so you can see exactly how your portal will look before anything goes live.

Using the in-app editor

Portal

The portal editor is divided into four main sections:

Styling

• Company Name - used if Logo not available
• Logo - upload image
• Buttons - will affect all buttons and link colors.
• Powered by ProdPad - show/hide the powered by ProdPad badge. 
• Custom Fields - Add your own fields to the feedback form, beyond the default Name and Email. You can add up to 5, rename each one's placeholder text, and remove any you no longer need. Each response is added to the idea's description on the Feedback canvas as its own paragraph, headed with the custom field's name, so submissions stay organized and nothing gets lost.

Main Content Page

• Show feedback form - Decide whether you want to use the form available to gather feedback.
• Show heading - decide whether you want to show the form's header title, description, or both.
• Inputs - Edit all inputs.
• Ideas - If you choose to display ideas, decide whether you're displaying headers and descriptions for the section.

Feedback Capture

This is the pop up modal once a user selects an idea.

• Modal window title - pop up window display name.
• View detail button - This will send the user to the idea details.
• Submit button - Submit feedback.

Idea Details

This will display the idea details in a pop up modal (title and description only.)

• Modal window title - pop up window display name.
• Button text - Button submit text.

As you make changes, a preview window will be available for you to see how those changes affect your portal. To make text edits, simply click on the text field on the edit panel.  Form 

Styling

• Colors - Define icon and text color.
• Icon & text visibility - Show whether to display icon, text, or both on widget button.
• Position - define position of widget on your website.
• Shape - Choose between a round icon, rounded corners, or square corners.
• Button text - Define text shown to users.
• Powered by ProdPad - show/hide the powered by ProdPad badge. 

As you make changes, a preview window will be available for you to see how those changes affect your portal. To make text edits, simply click on the text field on the preview screen. 

If you'd like to preview the widget on your own site, enter the URL on the preview box.

Feedback Capture

• Show header - Modal title.
• Show description - Description text for modal.
• Feedback details - Description for text field.
• Button - Submit button.

Customer details

• Show header - Display message title.
• Show subheader - Subheader text.
• Customer details - Customer name and email input.
• Button - Submit button.

Messages

These are error and success messages that will show to the end user as they interact with the widgets. All messages can be edited and managed.

GDPR Compliance - Privacy Notice

You can customize the GDPR privacy notice on the portal configuration page (click on the portal name directly, right next to the sharing code.)

Important!

Using CSS

These are the elements you can modify:

Widget - (The 'Got Feedback?' button)

#pp-cfp-root #pp-cfp-trigger

Dialog Box

#pp-cfp-root #pp-cfp-dialog

Submit buttons inside the dialog box

#pp-cfp-root #pp-cfp-form button

To optimize widget box on mobile

@media only screen and (max-width: 480px), only screen and  (max-device-width: 480px) {  #pp-cfp-root #pp-cfp-dialog {  width:100%!important;  }  }