WordPress Integration

The DailyStory WordPress integration is simple to set up and easy to use. The integration makes use of a DailyStory plugin for WordPress. Just install the plugin, and you'll be ready to use the integration.

What does the WordPress plugin do

The DailyStory WordPress plugin adds DailyStory visitor tracking to your WordPress website and enables the DailyStory WordPress shortcodes. On a site running WooCommerce, it also tracks store activity such as product views and cart contents.

Using DailyStory's drag-and-drop web form builder tool, this means you can create no-code web forms to capture customers data and easily drop them into any WordPress page, post or even directly through PHP.

DailyStory Shortcode Quick Reference

Support for Redirect URL

In addition to including the id of the web form, which is required, you can also optionally include a redirect_url. For example:

[ds-webform id="4AU3" redirect_url="https://www.dailystory.com/pricing"]

This shortcode load a form with a ID of 4AU3. When the form is successfully submitted, it redirects the browser to https://www.dailystory.com/pricing.

The ability to set a redirect_url is useful if you want to gate lead magnets without requiring the creation of a form for each lead magnet. A single form is used and when submitted redirects to the specified resource.

The webform shortcode, [ds-webform id="#"], enables you to use DailyStory Web Forms in your WordPress pages and posts.

Let's look at an example of how the [ds-webform id="#"] shortcode is used.

1. Get the Web Form Unique Id

First, you'll need to create or edit a Web Form in DailyStory and get the Web Form's unique id:

2. Create a Page in WordPress

Next, create or edit a WordPress page or post and add [ds-webform id="#"] where # is the ID of your webform. Using the unqiue web form ID value from Step 1, this would be:

[ds-webform id="a2vmy"]

3. Publish the WordPress Page

Next, publish the page or post, and view it in your browser.

When WordPress receives the request, it will see the shortcode [ds-webform id="a2vmy"]. It will route that request to the DailyStory plugin to process. The plugin will make an API call to DailyStory, fetch the appropriate form, progressively render its layout, add javascript for validation, add stylesheets and optionally render a Google reCAPTCHA.

When your request completes, you won't see [ds-webform id="a2vmy"] (unless there was a problem), but you will instead see the HTML form that you designed on DailyStory.

Submissions to that form are posted to DailyStory, and new content is accessible in your lead queue associated with the campaign for that Web Form.

Example Use of Shortcode

DailyStory's Contact Us page makes use of a Dailytory web form. Here is the rendered page:

WooCommerce store activity tracking

If WooCommerce is installed on your WordPress site, the plugin detects it and begins sending store activity to DailyStory. This works alongside the WooCommerce integration: the integration syncs customers and orders from your store, while the plugin captures what shoppers do on the storefront.

The plugin sends:

• Product views — the product, price and categories a shopper looked at, for browse abandonment automations.
• Add to cart — the product and quantity added.
• Cart contents — the items, value and a link the shopper can use to return to their cart. This is what makes true cart abandonment possible, because a cart that never reaches checkout creates no order in WooCommerce.
• Order conversions — the order value on the order received page, so revenue is attributed to the marketing that produced it through conversion funnels.

Turning store tracking on or off

Store tracking is enabled automatically when WooCommerce is detected. To change it, go to Settings > DailyStory in your WordPress admin and use the Store tracking checkbox in the WooCommerce section. The section only appears when WooCommerce is active.

Identifying signed-in visitors

When a visitor is signed in to your WordPress site, the plugin tells DailyStory who they are, so their activity is attached to their existing contact record rather than to an anonymous session. On a WooCommerce site this means a customer's browsing and cart activity is tied to the same contact the order sync updates.

If you need to prevent this, a developer can return an empty array from the dailystory_identify_visitor filter in your theme or a site plugin.

Where the beacon is placed

The plugin adds the DailyStory beacon to the head section of every page, which is where we recommend it is placed. Loading it early means popups, Magic Forms and store activity tracking are ready before a visitor has a chance to navigate away. You do not need to add the beacon yourself when the plugin is installed.