1. Add the element to your page.
Place the Mobile Interaction Blocker Pro element on any page where you want to control mobile interactions.

No workflows are required. The blocker starts working as soon as the element is active.

2. Choose which interactions to block.

Pro lets you control all 9 blocking options individually:

Block text selection
Block context menus
Block pinch zoom
Block double-tap zoom
Block iOS long-press actions
Block image dragging
Block overscroll
Hide the page scrollbar
Hide element scrollbars

Each option supports dynamic expressions, so you can turn individual behaviors on or off based on your app's conditions.

3. Use enabled as the master switch.

The enabled setting controls the entire blocker.

When enabled is off, all blocking behavior is disabled regardless of the individual option settings.

This gives you two levels of control:

enabled → turn the entire blocker on or off
Individual options → control each blocked interaction separately

4. Exclude elements when needed.

Use allow_ids or allow_classes when certain parts of the page should keep their normal mobile browser interactions.

Any matching element — including everything inside it — will be excluded from all blocking behavior.

This is useful when specific scrollable areas, inputs, or interactive components need to remain unaffected.