How to Create a Floating Contact Box in WordPress

Displaying a contact box on your WordPress site makes it easy for visitors to get in touch with you. If you add your contact box to the sidebar visitors might not notice it if they scroll down the page. Creating a floating contact box ensures that the information remains visible on the screen even on pages with lots of content. WordPress has a plugin that creates a customizable floating contact box for you so no coding knowledge is required.

Sign in to your WordPress.org account and access the dashboard.

Hover your mouse cursor over "Plugins" and select "Add New."

Type "Slick Contact Forms" (without the quotation marks) in the Search box and press "Enter."

Click the "Install Now" link below the "Slick Contact Forms" plugin on the search results page.

Click "OK" to confirm the installation and then click the "Activate Plugin" link.

Click the "Settings" link and customize the configuration settings for your floating contact box. Type your default email address, the subject line for the email sent to the admin email, the message shown when a form has been submitted successfully, the message shown when an error occurs as well as any validation messages.

Click the check boxes to select whether you want to include the IP address of users in the email sent to you and include the URL of the page used to send the form.

Click "Save Changes" and then select "Appearance" from the left sidebar.

Select "Widgets" and then click and drag the Slick Contact Forms widget to the "Sidebar" widget area.

Click the "Floating" radio button to specify that you want a floating contact box.

Type the text to display above the contact box and select the width of the box.

Select the location of the contact box as well as the float speed in milliseconds.

Click the "Save" button after you have customized the contact form to your liking.