Customize recorder

Customize the screen recorder UI with your logo and brand colors.

Screendesk provides several options to customize the screen recorder experience for your customers. These settings allow you to collect necessary information, match your brand identity, and control the recording workflow.

Require Customer Email

Force customers to provide their email address when submitting a screen recording. This ensures you can follow up with customers even if the recording is submitted anonymously.

How to Enable

1

Go to Settings > Recording in your Screendesk workspace.

2

Enable Required Email

Find the "Require email in the screen recorder" toggle and turn it ON.

circle-info

This setting applies to all embedded recorders and integration widgets. It does not affect Chrome extension users (who are always identified).

3

Test the Change

Open your embedded recorder or integration widget to verify that the email field now shows as required (marked with an asterisk *).

Require Recording Title

Require customers to provide a title or subject for their recording. This helps organize recordings and makes it easier for support agents to prioritize and search.

How to Enable

1

Go to Settings > Recording in your Screendesk workspace.

2

Enable Required Title

Find the "Require title in the screen recorder" toggle and turn it ON.

3

Verify Changes

Test your embedded recorder to confirm the title field is now marked as required.

Customize Recorder Colors

Match the screen recorder interface to your brand's color palette.

Recorder Background Color

This sets the background color of the recorder interface before and after recording.

1

Open color settings

Go to Settings > Branding > Screen Recorder.

2

Update the background color

Find Recorder Background Color and click the color picker.

Choose a color or enter a hex code.

Default: #000000 (black).

3

Save

Click Save.

Player Custom Color

This sets the accent color used throughout the video player interface.

1

Open player settings

Go to Settings > Branding > Screen Recorder.

2

Pick an accent color

Find Custom Color (or Accent Color) and click the color picker.

Choose a color or enter a hex code.

Default: #f43f5e (rose).

3

Save

Click Save.

Troubleshooting

chevron-rightChanges don't appear in the recorderhashtag

Problem: You updated settings but don't see changes.

Solutions:

  1. Clear browser cache: Ctrl+Shift+Del (Windows) or Cmd+Shift+Del (Mac)

  2. Hard refresh: Ctrl+F5 (Windows) or Cmd+Shift+R (Mac)

  3. Try incognito/private mode: Rules out caching issues

  4. Wait a few minutes: Changes may take time to propagate

  5. Check the right recorder: Ensure you're testing the correct embedded instance

chevron-rightEmail validation isn't workinghashtag

Problem: Customers can submit recordings without valid emails even though the field is required.

Check:

  1. Is the toggle actually ON in Settings > Recorder?

  2. Are you testing the embedded recorder or Chrome extension? (Extension users are always authenticated)

  3. Clear cache and try again

  4. Check browser console for JavaScript errors

Still not working? Contact Screendesk support with:

  • Screenshot of your settings

  • Example recording link showing the issue

  • Browser and version used for testing

chevron-rightCustom colors look wronghashtag

Problem: Colors don't match what you selected or look different than expected.

Common causes:

  1. Contrast adjustment: System auto-adjusts colors for readability

  2. Browser rendering: Different browsers may display colors slightly differently

  3. Monitor calibration: Your display settings affect how colors appear

  4. Hex code typo: Double-check the hex code you entered

Solutions:

  • Use a color picker tool to verify your hex codes

  • Test on multiple devices and browsers

  • Check accessibility contrast ratios (use WebAIM contrast checker)

  • Consider slightly different shades if auto-adjustment is too aggressive

Last updated

Was this helpful?