Position To Place

Add the WhatsApp icon at any position on the screen using “Position to place”.

Navigate to Click to chat —> Style, Position —> Position to Place.

same settings for Mobile and Desktop devices

Select the position from top/bottom, right/left, and enter the position values in pixels, percentages, or using the CSS units.

By default, both mobile and desktop devices have the same settings.

The same settings will be applied to Desktop and Mobile devices

Different positions for Mobile, Desktop devices

To use different positions for the WhatsApp icon/button on mobile and desktop devices, uncheck the option “Mobile and Desktop same settings”.

Position to Place for Desktop:

WhatsApp appears at the bottom-left of the web page.

Position to Place for Mobile:

On Mobile devices, WhatsApp appears at the top-right of the web page.

Example:

To place the WhatsApp icon at the center of the screen

choose–> bottom: 10px, Right: 50%

PRO Version

In PRO we can either select a Fixed position or an Absolute Position.

Fixed: Fixed Position to screen, stays in the same place even during the page scrolls ( the default one )

Absolute: Fixed Position to the content (body tag), but moves with page scrolls ( only in pro )

Fixed Vs Absolute Position Types