How to Create a Floating Contact Box in WordPress

Shallow focus photo of gray laptop computer on black surface.jpg

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.

1 Sign

Sign in to your account and access the dashboard.

2 Hover your mouse cursor

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

3 Type Slick Contact Forms''

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

4 Click the Install Now link

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

5 Click to confirm the installation

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

6 Click the Settings 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.

7 Click the check boxes

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.

8 Click Save Changes

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

9 Select Widgets

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

10 Click the Floating radio button

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

11 Type

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

12 Select the location

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

13 Click the Save button

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

  • Information in this article applies to WordPress 3.8.1. Procedures may vary with other versions or products.

Virtually growing up in a computer repair shop, Naomi Bolton has held a passion for as long as she can remember. After earning a diploma through a four year course in graphic design from Cibap College, Bolton launched her own photography business. Her work has been featured on Blinklist, Gameramble and many others.