Get Started Now — It’s Free!

Custom Scrollbar Widget

Create Your Own Custom Scrollbar Widget in Seconds for Your Website

Build scrollable content areas for long text, policies, release notes, and documentation. Customize scrollbar behavior, side, width, colors, radius, container size, borders, and background styling.

Create Your Custom Scrollbar Widget - It's Free!

Create Your Own Custom Scrollbar Widget in Seconds for Your Website

How to embed Custom Scrollbar Widget to WordPress

1Get your embed code

After customizing your Jotform website widget, click Try it on your website for free, and copy the generated embed code.

2Open the page editor

Go to the WordPress post or page where you want to display the widget, then add a new block.

3Add a Custom HTML block

Select Custom HTML and paste your Jotform Website widget embed code into the HTML field.

4Update and view

Click Update or Publish, then open the page to check your embedded widget.

Create Scrollable Areas for Long Content

Paste long text into a compact scroll area so visitors can read everything without your page becoming oversized.

Create Scrollable Areas for Long Content

Customize Scroll Behavior and Position

Choose left or right scrollbar placement and enable smooth scrolling for a polished reading flow.

Customize Scroll Behavior and Position

Style the Track, Thumb, and Hover State

Set scrollbar width, radius, track color, thumb color, and hover color to match your brand.

Style the Track, Thumb, and Hover State

Match the Scroll Container to Your Page

Control width, height, background, text color, border, corner radius, and shadow so the scroll area fits your layout.

Match the Scroll Container to Your Page