{"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\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.\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\u003EDailyStory Shortcode Quick Reference\u003C/h4\u003E\u003Ctable border=\u00221\u0022 style=\u0022border-collapse: collapse; width: 100%;\u0022\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Cb\u003EShortcode\u003C/b\u003E\u003C/td\u003E\u003Ctd\u003E\u003Cb\u003E\u0026#160;Description\u003C/b\u003E\u003C/td\u003E\u003C/tr\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Ccode\u003E[ds-webform id=\u0026#34;#\u0026#34;]\u003C/code\u003E\u003C/td\u003E\u003Ctd\u003EThe webform shortcode enables you to use DailyStory \u003Ca href=\u0022/article/5itiwxukqb-daily-story-web-forms\u0022\u003EWeb Forms\u003C/a\u003E in your WordPress pages and posts. Using this shortcode, you can quickly build landing pages in WordPress and easily get that data back into DailyStory. This shortcode requires the id of the DailyStory web form to display.\u003C/td\u003E\u003C/tr\u003E\u003C/table\u003E\u003Ch4\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\u003Ccite class=\u0022recommended\u0022\u003E\u003Cspan class=\u0022title\u0022\u003E\u003Ci class=\u0022fa-duotone fa-circle-exclamation\u0022 aria-hidden=\u0022true\u0022\u003E\u003C/i\u003ERecommended\u003C/span\u003E\u003Cp\u003E\u003Cstrong\u003EImportant:\u003C/strong\u003E when setting a \u003Ccode\u003Eredirect_url\u003C/code\u003E, this overrides the web forms 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,\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 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\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-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","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":1551,"date_published":"2024-06-14T14:59:27","date_updated":"2025-10-19T17:19:07.283","date_created":"2025-04-24T15:03:00.603"}}}