Integrate with Wordpress

A how-to guide to integrating Bullseye Locations with WordPress.

It is easy to set up the standard Bullseye embeddable interface on a WordPress page.  You can implement our interface by editing a page you create with a standard WordPress configuration, or by using the Visual Composer plugin.  We have instructions for both in this article.  

Note that we also have a WordPress Plugin you can use.  Check out Setting up a WordPress Store Locator using the Bullseye Store Locator Plugin for more information.

Standard WordPress Configuration

WordPress supports responsive sites, so we recommend using Bullseye's responsive design option.  There are 4 simple steps to setting up Bullseye with a standard WordPress configuration:

  1. Create your interface in your Bullseye account.
  2. Copy the code of the interface.
  3. Create a WordPress page.
  4. Paste the code of the interface into the text field and save/publish the page.

Here are the details:

Create your interface as per the instructions in this article. Make sure you copy the code (see the Publish step).

Login to WordPress and create a new page by selecting Add New under All Pages:

Once you select Add New, you can add content to the created page. Make sure the text tab is selected, and paste the Bullseye code into the text field.  It will look something like this:


When you have all the content entered into the text field, simply save and publish the page.  Here's an example of a WordPress implementation:

It's as simple as that.

Using Visual Composer

There are 4 simple steps to setting up Bullseye on a WordPress site with Visual Composer:

  1. Create your interface in your Bullseye account.
  2. Copy the code of the interface.
  3. Create a WordPress page with a raw HTML element.
  4. Paste the code of the interface into the raw HTML element and save/publish the page.
Here are the details:
Create your interface as per the instructions in this article. Make sure you copy the code (see the Publish step).
Login to WordPress and create a new page, and add a raw HTML element as in the screenshot below:

After you select the raw HTML element, paste the code from the Bullseye interface into the element. If you were to keep Wordpress's default tag in the field, you might remove the break tag, and paste our code in the paragraph tag (default it looks like this:  <p>I am raw html block.<br/>Click edit button to change this html</p>)
You may want to modify the html as needed.  If you remove the break tag and place our code in the paragraph tag as suggested, the code would look like this:

Select Save changes and the locator will appear on the page if you preview:


When you are ready, publish the page and you are good to go!