{"Status":true,"Message":"","Response":{"post":{"postuid":"8omibw2171","tenantuid":"d8b744fc-2e70-4089-bb80-dd1d08f6c7b2","projectuid":"239698c5-f7eb-4574-8cc8-c6568f08b3a0","title":"WordPress Integration","slug":"article/8omibw2171-integrations-wordpress","html":"\u003Cp\u003EThe DailyStory WordPress integration is simple to set up and easy to use. The integration makes use of a\u0026#160;\u003Ca href=\u0022https://docs.dailystory.com/article/qfl7mox9nn-install-daily-story-tracking-tag-in-word-press\u0022\u003EDailyStory plugin for WordPress\u003C/a\u003E. Just install the plugin, and you\u0026#39;ll be ready to use the integration.\u003C/p\u003E\u003Ch3 id=\u0022what_does_the_wordpress_plugin_do\u0022\u003EWhat does the WordPress plugin do\u003C/h3\u003E\u003Cp\u003EThe DailyStory WordPress plugin adds DailyStory visitor tracking to your WordPress website and enables the DailyStory WordPress shortcodes. On a site running \u003Ca href=\u0022/article/8jpx3fj1r4-integrations-woocommerce\u0022\u003EWooCommerce\u003C/a\u003E, it also tracks store activity such as product views and cart contents.\u003C/p\u003E\u003Cp\u003EUsing DailyStory\u0026#39;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.\u003C/p\u003E\u003Ch4 id=\u0022dailystory_shortcode_quick_reference\u0022\u003EDailyStory Shortcode Quick Reference\u003C/h4\u003E\u003Ctable border=\u00221\u0022 style=\u0022border-collapse: collapse; width: 100%;\u0022\u003E\u003Cthead\u003E\u003Ctr\u003E\u003Cth\u003EShortcode\u003C/th\u003E\u003Cth\u003EDescription\u003C/th\u003E\u003C/tr\u003E\u003C/thead\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Ccode\u003E[ds-webform id=\u0022#\u0022]\u003C/code\u003E\u003C/td\u003E\u003Ctd\u003EEmbeds a DailyStory \u003Ca href=\u0022/article/5itiwxukqb-daily-story-web-forms\u0022\u003EWeb Form\u003C/a\u003E in a WordPress page or post, so you can build landing pages in WordPress and get the data back into DailyStory. Requires the id of the web form to display.\u003C/td\u003E\u003C/tr\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Ccode\u003E[ds-popup id=\u0022#\u0022]\u003C/code\u003E\u003C/td\u003E\u003Ctd\u003EDisplays a DailyStory \u003Ca href=\u0022/article/ptshg9vhir-daily-story-popups\u0022\u003EPopup\u003C/a\u003E when the page loads. Requires the numeric id of the popup.\u003C/td\u003E\u003C/tr\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Ccode\u003E[ds-exitintent id=\u0022#\u0022]\u003C/code\u003E\u003C/td\u003E\u003Ctd\u003EDisplays a DailyStory \u003Ca href=\u0022/article/ptshg9vhir-daily-story-popups\u0022\u003EPopup\u003C/a\u003E when the visitor is about to leave the page. Requires the numeric id of the popup.\u003C/td\u003E\u003C/tr\u003E\u003C/table\u003E\u003Ch4 id=\u0022support_for_redirect_url\u0022\u003ESupport for Redirect URL\u003C/h4\u003E\u003Cp\u003EIn addition to including the \u003Ccode\u003Eid\u003C/code\u003E of the web form, which is required, you can also optionally include a \u003Ccode\u003Eredirect_url\u003C/code\u003E. For example:\u003C/p\u003E\u003Cp\u003E\u003Ccode\u003E[ds-webform id=\u0026#34;4AU3\u0026#34; redirect_url=\u0026#34;https://www.dailystory.com/pricing\u0026#34;]\u003C/code\u003E\u003C/p\u003E\u003Cp\u003EThis shortcode load a form with a ID of \u003Ccode\u003E4AU3\u003C/code\u003E. When the form is successfully submitted, it redirects the browser to https://www.dailystory.com/pricing.\u003C/p\u003E\u003Cp\u003EThe ability to set a \u003Ccode\u003Eredirect_url\u003C/code\u003E 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.\u003C/p\u003E\u003Cp\u003EThe webform shortcode,\u0026#160;\u003Ccode\u003E[ds-webform id=\u0026#34;#\u0026#34;]\u003C/code\u003E, enables you to use\u0026#160;\u003Ca href=\u0022https://docs.dailystory.com/article/5itiwxukqb-daily-story-web-forms\u0022\u003EDailyStory Web Forms\u003C/a\u003E\u0026#160;in your WordPress pages and posts.\u003C/p\u003E\u003Cp\u003ELet\u0026#39;s look at an example of how the\u0026#160;\u003Ccode\u003E[ds-webform id=\u0026#34;#\u0026#34;]\u003C/code\u003E\u0026#160;shortcode is used.\u003C/p\u003E\u003Col\u003E\u003Cli\u003EGet the Web Form Unique Id\u003C/li\u003E\u003C/ol\u003E\u003Cp\u003EFirst, you\u0026#39;ll need to \u003Ca href=\u0022https://docs.dailystory.com/article/h766zz7ies-create-or-edit-a-web-form\u0022\u003Ecreate or edit a Web Form\u003C/a\u003E\u0026#160;in DailyStory and get the Web Form\u0026#39;s unique id:\u003C/p\u003E\u003Cfigure\u003E\u003Cimg class=\u0022lazy-load\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/239698c5-f7eb-4574-8cc8-c6568f08b3a0/4ff3afaa765ab168c6c43d984a55f85b.jpg\u0022 data-width=\u0022\u0022 data-height=\u0022\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Cfigcaption\u003EGet the DailyStory form id\u003C/figcaption\u003E\u003C/figure\u003E\u003Col start=\u00222\u0022\u003E\u003Cli\u003ECreate a Page in WordPress\u003C/li\u003E\u003C/ol\u003E\u003Cp\u003ENext, create or edit a WordPress page or post and add\u0026#160;\u003Ccode\u003E[ds-webform id=\u0026#34;#\u0026#34;]\u003C/code\u003E\u0026#160;where # is the ID of your webform. Using the unqiue web form ID value from Step 1, this would be:\u003C/p\u003E\u003Cp\u003E\u003Ccode\u003E[ds-webform id=\u0026#34;a2vmy\u0026#34;]\u003C/code\u003E\u003C/p\u003E\u003Col start=\u00223\u0022\u003E\u003Cli\u003EPublish the WordPress Page\u003C/li\u003E\u003C/ol\u003E\u003Cp\u003ENext, publish the page or post, and view it in your browser.\u003C/p\u003E\u003Cp\u003EWhen WordPress receives the request, it will see the shortcode\u0026#160;\u003Ccode\u003E[ds-webform id=\u0026#34;a2vmy\u0026#34;]\u003C/code\u003E. 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.\u003C/p\u003E\u003Cp\u003EWhen your request completes, you won\u0026#39;t see\u0026#160;\u003Ccode\u003E[ds-webform id=\u0026#34;a2vmy\u0026#34;]\u003C/code\u003E\u0026#160;(unless there was a problem), but you will instead see the HTML form that you designed on DailyStory.\u003C/p\u003E\u003Cp\u003ESubmissions to that form are posted to DailyStory, and new content is accessible in your lead queue associated with the campaign for that Web Form.\u003C/p\u003E\u003Ch3 id=\u0022example_use_of_shortcode\u0022\u003EExample Use of Shortcode\u003C/h3\u003E\u003Cp\u003EDailyStory\u0026#39;s Contact Us page makes use of a Dailytory web form. Here is the rendered page:\u003C/p\u003E\u003Cimg class=\u0022lazy-load\u0022 data-width=\u0022\u0022 data-height=\u0022\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/239698c5-f7eb-4574-8cc8-c6568f08b3a0/9374b58c0039cce0695ff01af6784a1f.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Ch3 id=\u0022woocommerce_store_activity_tracking\u0022\u003EWooCommerce store activity tracking\u003C/h3\u003E\u003Cp\u003EIf \u003Ca href=\u0022/article/8jpx3fj1r4-integrations-woocommerce\u0022\u003EWooCommerce\u003C/a\u003E 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.\u003C/p\u003E\u003Cp\u003EThe plugin sends:\u003C/p\u003E\u003Cul\u003E\u003Cli\u003E\u003Cb\u003EProduct views\u003C/b\u003E \u2014 the product, price and categories a shopper looked at, for browse abandonment automations.\u003C/li\u003E\u003Cli\u003E\u003Cb\u003EAdd to cart\u003C/b\u003E \u2014 the product and quantity added.\u003C/li\u003E\u003Cli\u003E\u003Cb\u003ECart contents\u003C/b\u003E \u2014 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.\u003C/li\u003E\u003Cli\u003E\u003Cb\u003EOrder conversions\u003C/b\u003E \u2014 the order value on the order received page, so revenue is attributed to the marketing that produced it through \u003Ca href=\u0022/article/conversion-funnels\u0022\u003Econversion funnels\u003C/a\u003E.\u003C/li\u003E\u003C/ul\u003E\u003Ch4 id=\u0022turning_store_tracking_on_or_off\u0022\u003ETurning store tracking on or off\u003C/h4\u003E\u003Cp\u003EStore tracking is enabled automatically when WooCommerce is detected. To change it, go to \u003Ccode\u003ESettings \u0026gt; DailyStory\u003C/code\u003E in your WordPress admin and use the \u003Cb\u003EStore tracking\u003C/b\u003E checkbox in the WooCommerce section. The section only appears when WooCommerce is active.\u003C/p\u003E\u003Ch3 id=\u0022identifying_signedin_visitors\u0022\u003EIdentifying signed-in visitors\u003C/h3\u003E\u003Cp\u003EWhen 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\u0027s browsing and cart activity is tied to the same contact the order sync updates.\u003C/p\u003E\u003Cp\u003EIf you need to prevent this, a developer can return an empty array from the \u003Ccode\u003Edailystory_identify_visitor\u003C/code\u003E filter in your theme or a site plugin.\u003C/p\u003E\u003Ch3 id=\u0022where_the_beacon_is_placed\u0022\u003EWhere the beacon is placed\u003C/h3\u003E\u003Cp\u003EThe plugin adds the \u003Ca href=\u0022/article/ejo6yu6i47-tracking-tag-frequently-asked-questions\u0022\u003EDailyStory beacon\u003C/a\u003E to the \u003Ccode\u003Ehead\u003C/code\u003E 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.\u003C/p\u003E\u003Ccite class=\u0022recommended\u0022\u003E\u003Cspan class=\u0022title\u0022\u003EAdministrator access is required\u003C/span\u003E\u003Cp\u003EThe DailyStory settings screen changes where your site loads tracking code from, so it is restricted to WordPress administrators. Editors, authors and contributors will not see \u003Ccode\u003ESettings \u0026gt; DailyStory\u003C/code\u003E.\u003C/p\u003E\u003C/cite\u003E","publish_status":0,"post_type":"Article","authoruid":"3dde8c16-763a-4a2b-ae0b-1d8c50c62e3d","author":{"authoruid":"3dde8c16-763a-4a2b-ae0b-1d8c50c62e3d"},"featured_image_url":"https://cdn-us-1.azureedge.net/content-pages/images/integrations/icons/wordpress_on.png?v=2","featured_image_updating":false,"meta_description":"The DailyStory WordPress integration is simple to set up and easy to use. The integration makes use of a\u0026#160; DailyStory plugin for WordPress . Just install the plugin, and you\u0026#39;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. Using DailyStory\u0026#39;s drag-and-drop web form builder tool, this means you can create no-code web forms  ...","display_toc":true,"has_workingcopy":false,"allow_indexing":true,"total_views":1882,"date_published":"2024-06-14T14:59:27","date_updated":"2026-09-19T15:08:21.947","date_created":"2025-04-24T15:03:00.603"}}}