{"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 the\u0026nbsp;\u003Ca href=\u0022https://wordpress.org/plugins/dailystory/\u0022\u003EDailyStory plugin for WordPress\u003C/a\u003E. Just \u003Ca href=\u0022/article/qfl7mox9nn-install-daily-story-tracking-tag-in-word-press\u0022\u003Einstall the plugin and connect your DailyStory account\u003C/a\u003E, and you\u0027ll be ready to use the integration.\u003C/p\u003E\u003Ch2 id=\u0022what_does_the_wordpress_plugin_do\u0022\u003EWhat does the WordPress plugin do\u003C/h2\u003E\u003Cp\u003EThe DailyStory WordPress plugin adds DailyStory visitor tracking and your \u003Ca href=\u0022/article/ptshg9vhir-daily-story-popups\u0022\u003Epopups\u003C/a\u003E 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 sends checkouts and orders to DailyStory to start store automations, and tracks store activity such as product views and cart changes. It can also add each post\u0027s featured image to your RSS feed.\u003C/p\u003E\u003Cp\u003EUsing DailyStory\u0027s drag-and-drop web form builder tool, you can create no-code web forms to capture customers\u0027 data and easily drop them into any WordPress page, post or even directly through PHP.\u003C/p\u003E\u003Ch3 id=\u0022dailystory_shortcode_quick_reference\u0022\u003EDailyStory Shortcode Quick Reference\u003C/h3\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\u003Ch3 id=\u0022support_for_redirect_url\u0022\u003ESupport for Redirect URL\u003C/h3\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=\u00224AU3\u0022 redirect_url=\u0022https://www.dailystory.com/pricing\u0022]\u003C/code\u003E\u003C/p\u003E\u003Cp\u003EThis shortcode loads a form with an 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\u003Ccite class=\u0022recommended\u0022\u003E\u003Cspan class=\u0022title\u0022\u003ERecommended\u003C/span\u003E\u003Cp\u003EImportant: setting a \u003Ccode\u003Eredirect_url\u003C/code\u003E overrides the web form\u0027s setting to display a message or redirect to another location.\u003C/p\u003E\u003C/cite\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,\u0026nbsp;\u003Ccode\u003E[ds-webform id=\u0022#\u0022]\u003C/code\u003E, enables you to use\u0026nbsp;\u003Ca href=\u0022https://docs.dailystory.com/article/5itiwxukqb-daily-story-web-forms\u0022\u003EDailyStory Web Forms\u003C/a\u003E\u0026nbsp;in your WordPress pages and posts.\u003C/p\u003E\u003Cp\u003ELet\u0027s look at an example of how the\u0026nbsp;\u003Ccode\u003E[ds-webform id=\u0022#\u0022]\u003C/code\u003E\u0026nbsp;shortcode is used.\u003C/p\u003E\u003Col\u003E\u003Cli\u003EGet the Web Form Unique Id\u003C/li\u003E\u003C/ol\u003E\u003Cp\u003EFirst, you\u0027ll 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\u0026nbsp;in DailyStory and get the Web Form\u0027s 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=\u0022941\u0022 data-height=\u0022504\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\u0026nbsp;\u003Ccode\u003E[ds-webform id=\u0022#\u0022]\u003C/code\u003E\u0026nbsp;where # is the ID of your web form. Using the unique web form ID value from Step 1, this would be:\u003C/p\u003E\u003Cp\u003E\u003Ccode\u003E[ds-webform id=\u0022a2vmy\u0022]\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\u0026nbsp;\u003Ccode\u003E[ds-webform id=\u0022a2vmy\u0022]\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\u0027t see\u0026nbsp;\u003Ccode\u003E[ds-webform id=\u0022a2vmy\u0022]\u003C/code\u003E\u0026nbsp;(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\u0027s Contact Us page makes use of a DailyStory web form. Here is the rendered page:\u003C/p\u003E\u003Cimg class=\u0022lazy-load\u0022 data-width=\u0022941\u0022 data-height=\u0022509\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\u003Ch2 id=\u0022woocommerce_store_activity_tracking\u0022\u003EWooCommerce store activity tracking\u003C/h2\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 sends checkouts and orders as they happen and captures what shoppers do on the storefront.\u003C/p\u003E\u003Ch3 id=\u0022store_automations\u0022\u003EStore automations\u003C/h3\u003E\u003Cp\u003EWhen your DailyStory account is connected, your store\u0027s server sends checkouts and orders to DailyStory as they happen. They start DailyStory\u0027s built-in \u003Ca href=\u0022/article/pffq9y943p-autopilot-triggers\u0022\u003Eautomation triggers\u003C/a\u003E:\u003C/p\u003E\u003Cul\u003E\u003Cli\u003E\u003Cb\u003EWhen cart abandoned\u003C/b\u003E \u2014 when a shopper starts checkout, including guests who have only typed their email.\u003C/li\u003E\u003Cli\u003E\u003Cb\u003EWhen cart is purchased\u003C/b\u003E \u2014 when an order is placed (processing, or on-hold, such as a bank transfer awaiting payment).\u003C/li\u003E\u003Cli\u003E\u003Cb\u003EWhen order is shipped\u003C/b\u003E \u2014 when an order is marked completed.\u003C/li\u003E\u003Cli\u003E\u003Cb\u003EWhen payment is declined\u003C/b\u003E \u2014 when a payment fails.\u003C/li\u003E\u003C/ul\u003E\u003Cp\u003EEach trigger starts once per order. Because the events come from your server, ad blockers and closed browser tabs don\u0027t lose them. Cancelled and refunded orders are sent as the custom events \u003Ccode\u003Ewoocommerce_order_cancelled\u003C/code\u003E and \u003Ccode\u003Ewoocommerce_order_refunded\u003C/code\u003E.\u003C/p\u003E\u003Cp\u003ETo send abandoned cart emails that show each shopper their own cart, see the \u003Ca href=\u0022/article/8jpx3fj1r4-integrations-woocommerce#woo_products_email_widget\u0022\u003EWoo Products email widget\u003C/a\u003E.\u003C/p\u003E\u003Ccite class=\u0022important\u0022\u003E\u003Cspan class=\u0022title\u0022\u003EConnected with plugin 2.3.0?\u003C/span\u003E\u003Cp\u003ESites connected with plugin version 2.3.0 see a prompt on \u003Ccode\u003ESettings \u0026gt; DailyStory\u003C/code\u003E to reconnect. Click \u003Cb\u003EReconnect\u003C/b\u003E once to turn on store automations.\u003C/p\u003E\u003C/cite\u003E\u003Ch3 id=\u0022storefront_activity\u0022\u003EStorefront activity\u003C/h3\u003E\u003Cp\u003EThe plugin also sends:\u003C/p\u003E\u003Cul\u003E\u003Cli\u003E\u003Cb\u003EProduct views\u003C/b\u003E (\u003Ccode\u003Ewoocommerce_product_viewed\u003C/code\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 (\u003Ccode\u003Ewoocommerce_added_to_cart\u003C/code\u003E) \u2014 the product and quantity added.\u003C/li\u003E\u003Cli\u003E\u003Cb\u003ECart changes\u003C/b\u003E (\u003Ccode\u003Ewoocommerce_cart_updated\u003C/code\u003E) \u2014 the cart\u0027s items and value, sent when the cart changes.\u003C/li\u003E\u003Cli\u003E\u003Cb\u003EOrder conversions\u003C/b\u003E \u2014 completed orders are recorded as a conversion with the order value and the buyer\u0027s email and phone, so revenue, including guest purchases, 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\u003Cp\u003EUse these events in \u003Ca href=\u0022/article/v1v5lti4gf-segments\u0022\u003Esegments\u003C/a\u003E and custom automations, such as \u0022viewed a product twice but didn\u0027t buy\u0022.\u003C/p\u003E\u003Ch3 id=\u0022turning_store_tracking_on_or_off\u0022\u003ETurning store tracking on or off\u003C/h3\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=\u0022featured_images_in_your_rss_feed\u0022\u003EFeatured images in your RSS feed\u003C/h3\u003E\u003Cp\u003EThe plugin can add each post\u0027s featured image to your site\u0027s RSS feed, so the \u003Ca href=\u0022/article/3xed75mlkd-rss-widget\u0022\u003ERSS widget\u003C/a\u003E and \u003Ca href=\u0022/article/pffq9y943p-autopilot-triggers#when_rss_is_updated\u0022\u003EWhen RSS is updated\u003C/a\u003E newsletters show your post images instead of a placeholder. When it is on, each post\u0027s featured image appears at the top of its feed item, unless the item already shows it.\u003C/p\u003E\u003Cp\u003ETo turn it on or off, tick \u003Cb\u003EAdd each post\u0027s featured image to your RSS feed\u003C/b\u003E under \u003Ccode\u003ESettings \u0026gt; DailyStory\u003C/code\u003E. It is on for new installs, and off for sites upgrading from an earlier version until you tick it.\u003C/p\u003E\u003Cp\u003EYour WordPress site\u0027s feed is at \u003Ccode\u003Ehttps://example.com/feed/\u003C/code\u003E, and each category has its own feed at \u003Ccode\u003Ehttps://example.com/category/\u0026lt;name\u0026gt;/feed/\u003C/code\u003E.\u003C/p\u003E\u003Ch3 id=\u0022developer_filters\u0022\u003EDeveloper filters\u003C/h3\u003E\u003Cp\u003EDevelopers can change the plugin\u0027s behavior with these filters in your theme or a site plugin:\u003C/p\u003E\u003Ctable border=\u00221\u0022 style=\u0022border-collapse: collapse; width: 100%;\u0022\u003E\u003Cthead\u003E\u003Ctr\u003E\u003Cth\u003EFilter\u003C/th\u003E\u003Cth\u003EWhat it does\u003C/th\u003E\u003C/tr\u003E\u003C/thead\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Ccode\u003Edailystory_identify_visitor\u003C/code\u003E\u003C/td\u003E\u003Ctd\u003EReturn an empty array to stop sending signed-in visitors\u0027 details.\u003C/td\u003E\u003C/tr\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Ccode\u003Edailystory_woocommerce_tracking_enabled\u003C/code\u003E\u003C/td\u003E\u003Ctd\u003EReturn \u003Ccode\u003Efalse\u003C/code\u003E to turn off store tracking.\u003C/td\u003E\u003C/tr\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Ccode\u003Edailystory_capture_checkout_email\u003C/code\u003E\u003C/td\u003E\u003Ctd\u003EReturn \u003Ccode\u003Efalse\u003C/code\u003E to stop sending a guest\u0027s checkout email before their order is placed. Abandoned cart automations then only reach signed-in shoppers.\u003C/td\u003E\u003C/tr\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Ccode\u003Edailystory_feed_images\u003C/code\u003E\u003C/td\u003E\u003Ctd\u003EReturn \u003Ccode\u003Etrue\u003C/code\u003E or \u003Ccode\u003Efalse\u003C/code\u003E to add or leave out featured images in your RSS feed, whatever the setting says.\u003C/td\u003E\u003C/tr\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Ccode\u003Edailystory_feed_image_size\u003C/code\u003E\u003C/td\u003E\u003Ctd\u003EThe image size used for featured images in the feed (default \u003Ccode\u003Emedium_large\u003C/code\u003E).\u003C/td\u003E\u003C/tr\u003E\u003C/table\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/ppg0z9xv1v-installing-the-daily-story-tracking-tag\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":1933,"date_published":"2024-06-14T14:59:00","date_updated":"2026-10-31T15:16:34.38","date_created":"2025-04-24T15:03:00.603"}}}