Updated by Rob Howard
DailyStory Pages are used to create stand alone micro-sites and web pages hosted by DailyStory. Perfect for quickly building squeeze pages, landing pages, thank you pages or any other type of web page.
We recommend configuring your own dedicated sub-domain, e.g. pages.example.com for hosting your content.
This guide provides a list of resources to help you get started with DailyStory pages.
Clicking on a page from the All Pages list or clicking the Design Page button from Page Settings will open the Page Designer.
While it is possible to edit the HTML of the page, we recommend only editing the HTML when creating a new page template.
The Page Designer is a drag-and-drop design canvas. To add an item to the designer canvas select a widget, such as a Text Section, by clicking and holding the mouse down and drag-and-drop it onto the design surface.
You will see a green bar that indicates where the designer will place your widget.
When the widget is added to the designer you can move, delete or edit the widget. Some of the design widgets have special options which will show up in place of the widgets.
The Page Designer generates HTML friendly emails based on the Bootstrap templates - these are optimized all major browsers and are mobile (responsive/adaptive) friendly.
Read more about the Page Designer in our Using the Page Designer guide (coming soon!)
HTML and CSS Editor
While DailyStory's Pages Designer enables you to quickly build robust page, more complicated page designs typically start from an HTML base.
As an example, if you have an existing landing page design you wish to use in DailyStory the best way to start is to copy-and-paste the HTML and CSS of that landing page into a new DailyStory page's HTML and CSS.
Editing the HTML of an email is an advanced option. And, emails built with the Email Designer will initially prevent you from editing the email:
However, you can always click "Unlock HTML Editor" to edit the HTML.
Editing the HTML of an email built with the designer may cause the designer to no longer recognize widgets added with the designer.
While editing the HTML of an email built with the designer is not recommended, the CSS of an email may be editing with no impact to the designer.
Simply click the CSS tab and edit/modify CSS rules for your email.
Important when DailyStory sends your email it merges all the CSS and HTML together. The full CSS is always included in a <style> tag of the HTML body of your email, but DailyStory will also attempt to inline the CSS rules as well. You can preview and email and view the source to see what the fully merged HTML of the email will look like.
- Save and publish
Save the page and click on the permalink at the top to open it in a new browser window.
The page automatically includes the DailyStory Beacon and Google Analytics (if configured).
Advanced Page Configuration
Edit Page HTML
To edit the HTML of you page, click the HTML tab.
The HTML content is automatically inserted in the <body/> of the page.
Custom Head Content
For example, if you want to use the Bootstrap Framework for building responsive mobile pages in DailyStory, just add the Bootstrap files.
Now Bootstrap's CSS rules update how our page is displayed.
Set Custom CSS Rules
You can add your own style sheet rules to the page by entering CSS in the Custom CSS editor.
For example, to set the font size of the <h1> tag.
Add Content to the Footer
Similar to the Custom Header Content, you can add content to the footer of your page. This content will be added directly after the body content from the WYSIWYG editor and before the closing </body> tag.
Setting a Page Template
A Page Template enables you to create a reusable layout for your pages.
The Page Template is required to contain a
*|BODY|* merge tag and may optionally contain
*|FORM|* merge tags.
To select a page template, choose a template from the available list of Page Templates:
Once the page is saved and refreshed the applied Page Template will be visible in the WYSIWYG content editor.
When a Page Template is in use, the Page and Page Template are merged together as one when the page is requested. The
*|BODY|* in the Page Template is replaced with the content of the page.
*|TITLE|* merge tag is found in the Page Template, it is replaced with the name of the Page. For example, this could be used to set a header in the page template:
It is also possible to use a
*|FORM|*merge tag in a Page Template.
Building Landing Pages
A Landing Page is a page that contains a form and is used to convert a visitor into a lead.
Landing pages are most often used along with an offer or request for information. Visitors are driven to this page from advertisements or from offers embedded in other pages.
What is a squeeze page? a squeeze page is a type of landing page. A typical use for a squeeze page would be in a blog post that includes a link to a downloadable content item, such as a PDF. To receive the referenced PDF, the visitor would first need to complete a form.
To build a Landing Page you will first need to create a form in the same campaign that the page is in.
Once you've created a form, the form will be available in the available list of Web Forms:
Select the form you wish to use and then use the
*|FORM|* merge tag to place the form in your page.
When a Web Form is selected and placed in your page using the
*|FORM|* merge tag, DailyStory will build the form and insert it into when the page is requested.
If you build multiple landing pages for the same campaign, each page can use the web form associated with the campaign.
Web Forms can be modified independent of the page. Changes made to the form, such as which fields to include, do not require modifications to the pages using the form.
Frequently Asked Questions
Below are some frequently asked questions about DailyStory Pages.
Can I upload images?
Yes, you can upload images in the WYSIWYG editor. Images are publicly accessible.
What is the _UID query string parameter?
_UID querystring parameter is required on any pages hosted on any of DailyStory's shared domains.
_UID parameter is used to tell DailyStory which tenant the content is for. When creating a new page the preview link will contain the
_UID parameter is not required for custom subdomains.
What is a page slug?
A page slug is the unique name of the page following the host name.
For example the page slug for
The slug for each page must be unique. You will receive an error if the slug is not unique and will be prevented from saving the page until it is changed.
Unless you configure a custom subdomain all content hosted by DailyStory is hosted on the shared domain pages.dailystory.net. Pages hosted on this domain will require a
_UID query string parameter. Pages hosted on your own subdomain do not require the
_UID query string parameter.