{"id":38221,"date":"2022-03-30T15:15:05","date_gmt":"2022-03-30T19:15:05","guid":{"rendered":"https:\/\/optinmonster.com\/?post_type=optinmonster_docs&#038;p=38221"},"modified":"2025-08-07T08:30:27","modified_gmt":"2025-08-07T12:30:27","slug":"how-to-create-custom-designs-in-optinmonster-with-canvas","status":"publish","type":"optinmonster_docs","link":"https:\/\/optinmonster.com\/docs\/how-to-create-custom-designs-in-optinmonster-with-canvas\/","title":{"rendered":"How to Create Custom Designs in OptinMonster with Canvas"},"content":{"rendered":"\n<p>OptinMonster makes it easy to completely customize any campaign&#8217;s layout. Any campaign template can be fully edited using our drag and drop builder, but our Canvas template is made specifically so you can start from scratch and design custom campaigns right away.<\/p>\n\n\n\n<p>In this article, you\u2019ll learn how to create a custom campaign design using the Canvas template.<\/p>\n\n\n\n<p><iframe title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/iKgpPlAYzXY?rel=0\" width=\"800\" height=\"450\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"create\">Create a Canvas Campaign<\/h2>\n\n\n\n<p>To create a custom campaign using the Canvas template, follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>From the&nbsp;<a href=\"https:\/\/app.optinmonster.com\/campaigns\" target=\"_blank\" rel=\"noopener\" title=\"\">Campaigns<\/a> screen, select the <strong>Create New Campaign<\/strong> button.<br><img decoding=\"async\" width=\"800\" height=\"713\" class=\"alignnone size-full wp-image-164069\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/create-new-campaign.jpg\" alt=\"Select the Create New Campaign button to get started in OptinMonster.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/create-new-campaign.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/create-new-campaign-300x267.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/create-new-campaign-768x684.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>From the modal, select&nbsp;<strong>Templates<\/strong>&nbsp;as the type of campaign you\u2019d like to create.<br><img decoding=\"async\" width=\"800\" height=\"455\" class=\"alignnone size-large wp-image-170634\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/Begin-creating-a-Canvas-type-campaign-in-OptinMonster-OptinMonster.png\" alt=\"Begin creating a Canvas type campaign in OptinMonster\"><\/li>\n\n\n\n<li>Next, select the <strong>Campaign Type<\/strong> for your new Canvas campaign.<br><img decoding=\"async\" width=\"800\" height=\"466\" class=\"alignnone size-full wp-image-169399\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/canvas-campaign-type-modal.jpg\" alt=\"Select the Campaign Type you wish to use for your Canvas campaign in OptinMonster.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/canvas-campaign-type-modal.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/canvas-campaign-type-modal-300x175.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/canvas-campaign-type-modal-768x447.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>Once you&#8217;ve selected a campaign you&#8217;ll be prompted to give it a name and assign it to a site in your account.<br>Select the&nbsp;<strong>Start Building<\/strong> button to create the campaign and open it in the builder to customize.<br><img decoding=\"async\" width=\"800\" height=\"804\" class=\"alignnone size-full wp-image-169400\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/canvas-campaign-creation-modal.jpg\" alt=\"Name your Canvas campaign and assign it to the site you want to show it on.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/canvas-campaign-creation-modal.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/canvas-campaign-creation-modal-150x150.jpg 150w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/canvas-campaign-creation-modal-768x772.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>Your Canvas campaign will open in the campaign builder with two default elements; an image block and a text block.<br>You can delete one or both by selecting the trash icons for each, or if you&#8217;d like to use them in your design you can edit their configuration.<br><img decoding=\"async\" width=\"800\" height=\"455\" class=\"alignnone size-large wp-image-170634\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/delete-image-with-trash-icon-OptinMonster.png\" alt=\"delete image with trash icon\"><\/li>\n\n\n\n<li>Drag additional blocks into place to further design your custom campaign.<br><img decoding=\"async\" width=\"800\" height=\"455\" class=\"alignnone size-large wp-image-170634\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/add-blocks-from-sidebar-OptinMonster.png\" alt=\"add blocks from sidebar\"><\/li>\n\n\n\n<li>Be sure to <strong>Save<\/strong> the changes to your campaign as you work.<br>Just getting started? <a href=\"https:\/\/optinmonster.com\/docs\/getting-started-with-optinmonster-checklist\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Follow our guide here<\/a> to customize your campaign, or <a href=\"https:\/\/optinmonster.com\/demo\/\" target=\"_blank\" rel=\"noopener\" title=\"\">join a demo<\/a>!<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"design\">Frequently Asked Questions<\/h2>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"native-integration\">How can I use a native Integration in Canvas to collect email leads?<\/h5>\n\n\n\n<p>You can add the <strong>Optin Fields<\/strong> element to your Canvas campaign and then <a href=\"https:\/\/optinmonster.com\/categories\/docs\/integrations\/\" target=\"_blank\" rel=\"noopener\" title=\"\">configure the native integration<\/a> in the <strong>Integrations <\/strong>view.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"custom-form\">How do I add a custom form to my Canvas campaign?<\/h5>\n\n\n\n<p>To add a custom HTML form to a Canvas campaign, add the <strong>Optin Fields<\/strong> element to your campaign. Then follow our&nbsp;<a title=\"How to Connect OptinMonster with any Custom HTML Form\" href=\"https:\/\/optinmonster.com\/docs\/how-to-connect-optinmonster-with-any-custom-html-form\/\" target=\"_blank\" rel=\"noopener noreferrer\">Custom HTML guide<\/a>.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"types\">What Campaign Types are available to create a Canvas campaign with?<\/h5>\n\n\n\n<p>All Campaign Types support Canvas.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"uses\">Can I only use the Canvas template to collect emails?<\/h5>\n\n\n\n<p>You can use the Canvas template for any goal you have! Build your email list, display special coupons, use in eCommerce applications, redirect to related products, display a <a href=\"https:\/\/optinmonster.com\/docs\/how-to-create-a-facebook-like-box-popup-with-optinmonster\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Facebook &#8220;Like&#8221; box<\/a>, or show anything else that you can code or embed.<\/p>\n\n\n\n<p>Check out our blog post where we show you <a href=\"https:\/\/optinmonster.com\/9-unique-popups-you-can-make-with-optinmonster-canvas-to-boost-engagement\/\" target=\"_blank\" rel=\"noopener noreferrer\">9 Creative Ways<\/a> you can use OptinMonster&#8217;s Canvas template.<\/p>\n\n\n","protected":false},"excerpt":{"rendered":"<p>OptinMonster makes it easy to completely customize any campaign&#8217;s layout. Any campaign template can be fully edited using our drag and drop builder, but our Canvas template is made specifically so you can start from scratch and design custom campaigns right away. In this article, you\u2019ll learn how to create a custom campaign design using&nbsp;&hellip;<\/p>\n","protected":false},"author":4657,"comment_status":"open","ping_status":"closed","template":"","documentation\/categories":[28200],"documentation\/tags":[31399,31402,31451,31409,31411,31401,31410],"class_list":["post-38221","optinmonster_docs","type-optinmonster_docs","status-publish","hentry","categories-campaign-types"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/38221","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/types\/optinmonster_docs"}],"author":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/users\/4657"}],"replies":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/comments?post=38221"}],"version-history":[{"count":28,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/38221\/revisions"}],"predecessor-version":[{"id":203095,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/38221\/revisions\/203095"}],"wp:attachment":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/media?parent=38221"}],"wp:term":[{"taxonomy":"categories","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/categories?post=38221"},{"taxonomy":"internal_tags","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/tags?post=38221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}