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
Integration Guide
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
Pausing your DailyStory Service
Cancelling your DailyStory Service
Credit Card Declined
Advanced Settings
Build Popular Campaigns
Connect With Other Apps
Automation
Blogging
CRM
Ecommerce
BigCommerce Integration
Flowhub Integration
Instamojo Integration
Konnektive Integration
Lightspeed Integration
Magento Integration
Mindbody Integration
Shopify Integration
Weave Integration
WooCommerce Integration
Square Integration
Arfinn Integration
Loyalty
Point of Sale
Productivity
Text Messaging
Utlity
Work with Contacts
Managing contacts
Segments
Managing Static Segments
Managing Dynamic Segments
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
Contacts Feature Guide
Editing contact records
Adding contacts manually using the Create Contact option
Importing contacts using the Import Bulk tool
Adding contacts using automation
Deleting contacts
Exporting contacts
Arranging order of custom contact record fields
Deleting Contacts
Merge duplicate contacts
Making Contacts Inactive
Searching for contacts
Getting started with contacts search
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
Using campaign tracking token
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
Tracking Links Guide
Create or Edit a Tracking Link
Test a Tracking Link
Tracking Link Advanced Options
Tracking Link Metrics and Reporting
Measure click performance and track link conversions
Tracking Links Frequently Asked Questions
Web Forms
Web Forms Guide
Create or Edit 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
How to Warm-Up an IP address
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
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 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
Sent Push Notifications Report
Web Activity Report
Tracking Links 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
Event Calendar
Retargeting Pixel
Give Us Feedback
- 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.
