New? Start Here
Navigation Tour
Step 1: Set up your account
Step 2: Bring in your contacts
Step 3: Create customer lists
Step 4: Set up email
Step 5: Set up text messaging
Step 6: Create your first campaign
Your DailyStory Settings
Company Settings
Personal Settings
Personal Settings
Manage Personal Subscriptions
Changing Your Password
Personal Settings Frequently Asked Questions
Account Setup
Setting up Email Marketing
Setting up Text Message Marketing
Integrating With Your Website
Using Subscription Preferences
Install DailyStory WordPress Plugin
Install DailyStory Beacon in SquareSpace
Install DailyStory Beacon in WiX
Beacon Frequently Asked Questions
Licensing and Usage
Choosing your Plan
Understanding Plan Usage
Free Plan (Freemium) Account Verification
Free Plan (Freemium) Limitations
Upgrading Your Subscription
Purchase Managed Services
Cancelling your DailyStory Service
Credit Card Declined
Advanced Settings
Permissions
Subaccounts
Setting Up A Subdomain
Permissions Frequently Asked Questions
DailyStory Developer Guide
Audit Log
Block List
Customer Support
Build Popular Campaigns
Work with Contacts
Managing contacts
Contacts Guide
Editing contact records
Adding contacts manually using the Create Contact option
Importing contacts
Adding contacts using automation
Exporting contacts
Arranging order of custom contact record fields
Deleting Contacts
Merge duplicate contacts
Making Contacts Inactive
Creating Contact Lists
DailyStory Segments Guide
Viewing the Contacts in a Segment
Disabling and Enabling Segments
Deleting and Restoring Deleted Segments
Archiving and Restoring Archived Segments
FAQs: Segments
Add Contacts to a Static Segment
Building Exclude Segments
Create a Static Segment
Create a Dynamic Segment
Advanced Contact Searches
Using direct free text search
Using advanced search
Changing order of custom contact search fields
Filtering your search
Common searches used for segments
Managing custom contact fields
Accessing the custom contact fields
Creating custom contact fields
Sample custom field configuration
Enabling a custom field in search
Editing and arranging custom contact fields
Managing tags
FAQs: Contacts
Test Lead
Work with Campaigns
DailyStory Campaigns Guide
Creating a campaign
Managing a Campaign
Add Contacts to a Campaign
Editing a campaign
Pausing or Unpausing a campaign
Deleting a campaign
Campaign Archives
Cloning a campaign
FAQs: Campaigns
Inbound Marketing Tools
Landing Pages
Landing Page Guide
Creating or Editing a Landing Page
Using the Page Designer
Adding a Form to a Landing Page
Editing a Landing Page's HTML and CSS
Landing Page Frequently Asked Questions
Popups
Creating Popups
Creating a Popup Using a Canva Image
Configuring a Popup's Basic Settings
Configuring a Popup's Display Options
Configuring a Popup's Layout Options
Popup Frequently Asked Questions
QR Codes
Tracking Links
URL Shorteners Guide
Create or Edit a URL Shortener
Test a URL Shortener
URL Shortener Advanced Options
URL Shortener Metrics and Reporting
Measure click performance and track link conversions
URL Shorteners Frequently Asked Questions
Web Forms
Web Forms Guide
Setting up or Editing a Web Form
Design a Web Form
Styling your Web Form
Publishing your Web Form
Web Forms Frequently Asked Questions
Google Ads Conversion Tracking
Magic Forms
Outbound Marketing Tools
Email Marketing
Email Marketing Guide
Create an Email from a Template
Using the Email Designer
Create or Edit an Email
Email Designer Widgets
Preview an Email
Send a Test Email
Manage Senders
Send an Email
Mocking a forwarded or replied to email
Scheduling an Email
Send an Email to a Single Contact
Built-in Email Guardrails
Create an Email Template
Edit an Email Template
Manage Email Revisions
Email Designer Advanced Topics
Email Merge Tags
Edit Email HTML, CSS and AMP
Import and Export Emails
Email Technical Details
Troubleshoot Email Delivery
Bounced Email Guide
Send AMP Emails
Email Frequently Asked Questions
Email Designer Frequently Asked Questions
Cloning an email
Configuring SPF, DKIM and DMARC
Editing HTML in the Email Designer
Transactional Email Guide
SMS Marketing
Send a Text Message Quick Start
DailyStory SMS Marketing Guide
Creating or Editing a Text Message
Sending Text Messages
Sending a Test Text Message
Text Message Replies Report
Understanding Text Messaging Costs
Text Message Sending Guardrails
Text Message Deliverability Score
Sending Individual Text Messages
Replies to Text Messages
Understanding Text Message Delivery Codes
Setting up Keywords for Text Message Replies
Opting out of Text Messages
Text Message Frequently Asked Questions
Copying a Text Message
Purchase Text Message Credits
SMS Links with Restricted Content
Opting into Text Messages
10DLC Registration
Custom SMS URL Shortener
A/B Testing
Personalization
Personalization Guide
Built in Personalization Tokens
Custom Personalization Tokens
Using Conditional Logic with Personalization
Personalization Frequently Asked Questions
Push Notifications
Web Push Notifications
Using Integrations
Automation
Content Managment
CMS
CRM
Ecommerce
Flowhub Integration
Instamojo Integration
BigCommerce Integration
Konnektive Integration
Lightspeed Integration
Magento Integration
Shopify Integration
Weave Integration
WooCommerce Integration
Square Integration
Stripe Integration
Point of Sale
Reviews
Text Messaging
Utlity
Zapier
Zapier Integration
GoToWebinar integration using Zapier
Save SMS Replies to Google Sheets using Zapier
DailyStory app for Slack
Calendly Integration
Google Analytics Integration
Google reCAPTCHA Integration
Zoom Integration
Google Lead Form Ads
Verification
Integration Guide
Using Automation
Automation Guide
Design an Automation
Automation Triggers
Automation Actions
Automation Conditions
Automations Dashboard
Exporting and Importing Automations
Automation Frequently Asked Questions
Reporting Tools
Reports and Dashboards Guide
Dashboards
Sent Emails Report
Sent Text Messages Report
Push Notifications Report
Web Activity Report
URL Shortener Report
Popups Report
Who is Visiting Report
Paid Search Summary Report
Email OptOut Report
FAQs: Reports
Other Tools
File Manager
File Manager Guide
Manage files and folders in File Manager
File Manager Frequently Asked Questions
Tasks
ChatGPT Writing Assistant
Campaign Calendar
Retargeting Pixel
Help & Support
- All Categories
- Inbound Marketing Tools
- Popups
- Creating a Popup Using a Canva Image
Creating a Popup Using a Canva Image
Updated
by Christy Cook
A DailyStory Popup enables you to display a popup window in a web or mobile experience. Popups can be shown on specific pages, configured to automatically show after a certain amount of time has passed, when the visitor first arrives, or if the visitor is leaving the site.
You can use DailyStory's standard designer and image placement or use an image designed in another platform for more sizzle and creative options. Canva is an online design platform software used to create graphics and other visual content. They have free and paid versions. This article walks you through how to use an image created in Canva.

First, create your popup image in Canva
- Log in to your Canva account.
- Click on
Create Design
and selectCustom Size
.

- Set the image size to 780px by 480px and then click
Create new design
.

- Design your image with background colors, fonts, pictures, etc. Use the top and outside edge but leave an area open for your DailyStory content and form fields.

- Download your image from Canva to your desktop by clicking on the
Share
button in the top right-hand corner and then selectDownload
. You can leave the image as a PNG as suggested and then click on theDownload
button to place the image on your computer.

- Upload the saved image to your DailyStory file manager by navigating to
Outbound > File Manager
and then clicking on+ Upload Files
. Select the saved image to upload it to your DailyStory File Manager.
Second, create a popup in DailyStory
You can create a popup from within a campaign or from your all Popups home screen.
From within a campaign
- Click on the Assets tab.
- Click on the green
+ Add Asset
button. - Select
Add a Popup
from the popup menu. - Next, you will be taken to the Popup Editor to begin designing your popup. The popup editor provides a live preview of your popup as you begin to design it. Start with giving your popup a Name and clicking on
Save Changes
. (The name is only for internal use) - Skip to the step below "Assign your Canva image..."
From the all Popups page
- Navigate to
Inbound > Popup Forms
from the navigation menu at the top of your screen. - This will show you a list of all the existing popups. To create a new popup, click
+ Create Popup
.

- You will be asked to assign the popup to an existing campaign or create a new campaign.

- Next, you will be taken to the Popup Editor to begin designing your popup. The popup editor provides a live preview of your popup as you begin to design it. Start with giving your popup a Name and clicking on
Save Changes
. (The name is only for internal use)

Next, set your popup's Layout Options
- From the popup editor, select the tab Layout Options.
- Based on our example where we created our blank space for text on the left, we'll select the first option where the text is on the left.

- Border and Padding: we'll use Round as our style with no width or color, 50 Pixels for the top/bottom and 40 pixels for the right/left. You can play around with the look you want and click on Advanced Display Options for more customizable options.

- Click on
Save Changes
.
Next, assign your Canva image and display options
- From the popup editor, select the tab Display Options.
- Display Options: Choose Display as popup (fades out the background) or Display as cover (blacks out the background).
- Height and Width: Set Max Width to 780 and set the Max Height to 480.
- Background Image: Click the
Select
button and find the image in your File Manager that was saved earlier.

- Click
Save Changes
to save your changes.
Finally, add text and form fields in basic settings
- Click on the Basic Settings tab.
- Content: Add several blank lines and then fill in your content. Based on the amount of content you have and the form fields you want, you will need to play around with how many lines to skip and the font size for the best fit.

- Call to Action Button: Choose what you want your CTA button to say.
- Call to Action URL: insert the website URL your lead will go once they submit your popup.
- Lead Capture: Select the form fields you want to capture (name, email, mobile phone)

Options
buttons for the applicable sections for more customizable options.- Show this Popup: select where you want the popup shown (single pages, across website, etc.)
- Click on
Save Changes
or Save & Close if you are finished designing your popup.
Activate your popup
Once you are finished designing your popup, we suggest the following steps:
- Test your popup: you can do this on the Basic Settings tab by clicking on the
Test Popup
button.

- Confirm where your popup is running: double check your "Show this Popup" settings on the Basic Settings tab and that you have selected pages or across website.

- Deactivate other popups: make sure you don't have any other popups running on the same pages you have selected for this popup.
- Activate popup: click the
Activate Popup
button to activate your popup.

To find Paused or Archived popups:
- Navigate to
Inbound > Popup Forms
. - Click on the hamburger menu in the top left (3 lines).

- Click on
Paused
orArchived
.

- Click on the name of the popup to open the designer and re-activate.
