{"id":58,"date":"2024-06-03T07:32:58","date_gmt":"2024-06-03T07:32:58","guid":{"rendered":"http:\/\/blog.dynapictures.com\/?p=58"},"modified":"2026-07-21T11:35:34","modified_gmt":"2026-07-21T11:35:34","slug":"how-to-use-forms-to-create-banners-with-dynapictures","status":"publish","type":"post","link":"https:\/\/blog.dynapictures.com\/how-to-use-forms-to-create-banners-with-dynapictures\/","title":{"rendered":"How to Use Forms to Auto-Generate Banners with DynaPictures"},"content":{"rendered":"\n

Table of Contents<\/h2>\n\n\n\n

1. Overview<\/a><\/p>\n\n\n\n

2. Create Template<\/a><\/p>\n\n\n\n

3. Open Form<\/a><\/p>\n\n\n\n

4. Fill Out Form<\/a><\/p>\n\n\n\n

5. Generate Banner<\/a><\/p>\n\n\n\n

6. Share with Team Members<\/a><\/p>\n\n\n\n

7. Next Steps<\/a><\/p>\n\n\n\n

1. Overview<\/h2>\n\n\n\n

On this page, you will learn about our image generation API<\/a> and how to generate hyper-personalized images from an image template using web forms. No technical skills are required in this tutorial. Have a look at how we built a Twitter demo<\/a> if you are interested in the REST API integration.<\/p>\n\n\n\n

Here is a short video with the steps that we are going to walk through in this tutorial:<\/p>\n\n\n\n

Image generation tutorial<\/figcaption><\/figure>\n\n\n\n

2. Create Template<\/h2>\n\n\n\n

Let’s start by creating a new image template. Select “Image Templates” on the left and then create a new image template from scratch by clicking on “+ New Image Template” button. You can also use an existing library template by selecting a template from the “Use a Library Template” area.<\/p>\n\n\n

\n
\"selecting
Select a template from the library<\/figcaption><\/figure>\n<\/div>\n\n\n

A new image template will be created and the template editor page will be opened. Now you can edit the template name, change size and add new layers. All changes are automatically saved when you make them. See the annotations on the image below:<\/p>\n\n\n

\n
\"Customizing
Customization option for banner generation<\/figcaption><\/figure>\n<\/div>\n\n\n

Once you are done with the template preparation, you can proceed to the next step. If you just want to play with the tool and explore its functions, you can just use a library template and carry on with that newly created template. <\/p>\n\n\n\n

3. Open Form<\/h2>\n\n\n\n

We will use an “Announcement  – Red” template from a library and once we click on it and the new image template is created, we can open a form by clicking on the “Form” link in the action bar at the top:<\/p>\n\n\n

\n
\"Choose
Form button in the template preview<\/figcaption><\/figure>\n<\/div>\n\n\n

The form page will be loaded and we can proceed to the next step and start filling it out with personalized values.<\/p>\n\n\n\n

4. Fill Out Form<\/h2>\n\n\n\n

The form page contains the template layers on the left and the live image preview on the right side. The live preview helps to verify results immediately and also to avoid consuming your image credits.<\/p>\n\n\n\n

Let’s upload a product image and specify custom values for the title and button_text layers.<\/p>\n\n\n

\n
\"Upload
Uploading an image to the banner template<\/figcaption><\/figure>\n<\/div>\n\n\n

5. Generate New Banner<\/h2>\n\n\n\n

Click on the “Create Image” button at the bottom of the form and then either download an image or open it in a new tab once the auto-generation is done:<\/p>\n\n\n

\n
\"Generating
The new banner is generated<\/figcaption><\/figure>\n<\/div>\n\n\n

6. Share with Team Members<\/h2>\n\n\n\n

The form page doesn’t require the user to be authenticated, to generate new image variations. So you can share the link to this page with your team members to let them use the design template and generate new images when needed. Be careful when sharing this link, as anyone with this link can consume your image credits. <\/p>\n\n\n\n

You can copy the form link directly in your browser, or use a “Copy Link” button in the notification box:<\/p>\n\n\n

\n
\"Link
Link to share a banner<\/figcaption><\/figure>\n<\/div>\n\n\n

7. Next Steps<\/h2>\n\n\n\n

Have a look at the tutorial for generating banners using URL params<\/a> if you need to show hyper-personalized images on the website or in your emails.<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":119,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_stopmodifiedupdate":true,"_modified_date":"","inline_featured_image":false,"footnotes":""},"categories":[11],"tags":[28],"class_list":["post-58","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-image-generation","tag-generate-banners-with-form","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-33"],"yoast_head":"\nHow to Use Forms to Auto-Generate Banners with DynaPictures - DynaPictures Blog<\/title>\n<meta name=\"description\" content=\"Quick tutorial on how to auto generate banners. Simply generate a banner in 6 simple steps of watch our banner generation video o get started\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dynapictures.com\/blog\/how-to-use-forms-to-create-banners-with-dynapictures\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use Forms to Auto-Generate Banners with DynaPictures - DynaPictures Blog\" \/>\n<meta property=\"og:description\" content=\"Quick tutorial on how to auto generate banners. Simply generate a banner in 6 simple steps of watch our banner generation video o get started\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dynapictures.com\/blog\/how-to-use-forms-to-create-banners-with-dynapictures\/\" \/>\n<meta property=\"og:site_name\" content=\"DynaPictures Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-06-03T07:32:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-21T11:35:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/06\/jay-zhang-J10TawzEW6Q-unsplash-cut-1.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"340\" \/>\n\t<meta property=\"og:image:height\" content=\"340\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Alex Vushkan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alex Vushkan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-use-forms-to-create-banners-with-dynapictures\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.dynapictures.com\\\/how-to-use-forms-to-create-banners-with-dynapictures\\\/\"},\"author\":{\"name\":\"Alex Vushkan\",\"@id\":\"https:\\\/\\\/blog.dynapictures.com\\\/#\\\/schema\\\/person\\\/78e6e4fd1ecd41aaedbb2d6c610234b1\"},\"headline\":\"How to Use Forms to Auto-Generate Banners with DynaPictures\",\"datePublished\":\"2024-06-03T07:32:58+00:00\",\"dateModified\":\"2026-07-21T11:35:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blog.dynapictures.com\\\/how-to-use-forms-to-create-banners-with-dynapictures\\\/\"},\"wordCount\":549,\"publisher\":{\"@id\":\"https:\\\/\\\/blog.dynapictures.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-use-forms-to-create-banners-with-dynapictures\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/blog.dynapictures.com\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/jay-zhang-J10TawzEW6Q-unsplash-cut-1.jpeg\",\"keywords\":[\"Generate banners with form\"],\"articleSection\":[\"Image Generation\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/blog.dynapictures.com\\\/how-to-use-forms-to-create-banners-with-dynapictures\\\/\",\"url\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-use-forms-to-create-banners-with-dynapictures\\\/\",\"name\":\"How to Use Forms to Auto-Generate Banners with DynaPictures - DynaPictures Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.dynapictures.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-use-forms-to-create-banners-with-dynapictures\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-use-forms-to-create-banners-with-dynapictures\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/blog.dynapictures.com\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/jay-zhang-J10TawzEW6Q-unsplash-cut-1.jpeg\",\"datePublished\":\"2024-06-03T07:32:58+00:00\",\"dateModified\":\"2026-07-21T11:35:34+00:00\",\"description\":\"Quick tutorial on how to auto generate banners. Simply generate a banner in 6 simple steps of watch our banner generation video o get started\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-use-forms-to-create-banners-with-dynapictures\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-use-forms-to-create-banners-with-dynapictures\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-use-forms-to-create-banners-with-dynapictures\\\/#primaryimage\",\"url\":\"https:\\\/\\\/blog.dynapictures.com\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/jay-zhang-J10TawzEW6Q-unsplash-cut-1.jpeg\",\"contentUrl\":\"https:\\\/\\\/blog.dynapictures.com\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/jay-zhang-J10TawzEW6Q-unsplash-cut-1.jpeg\",\"width\":340,\"height\":340,\"caption\":\"Generate images from form\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-use-forms-to-create-banners-with-dynapictures\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/blog.dynapictures.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Use Forms to Auto-Generate Banners with DynaPictures\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/blog.dynapictures.com\\\/#website\",\"url\":\"https:\\\/\\\/blog.dynapictures.com\\\/\",\"name\":\"DynaPictures Blog\",\"description\":\"Dynamic Image Generation\",\"publisher\":{\"@id\":\"https:\\\/\\\/blog.dynapictures.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/blog.dynapictures.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/blog.dynapictures.com\\\/#organization\",\"name\":\"DynaPictures Blog\",\"url\":\"https:\\\/\\\/blog.dynapictures.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/blog.dynapictures.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/blog.dynapictures.com\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/logo_dynapictures.svg\",\"contentUrl\":\"https:\\\/\\\/blog.dynapictures.com\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/logo_dynapictures.svg\",\"caption\":\"DynaPictures Blog\"},\"image\":{\"@id\":\"https:\\\/\\\/blog.dynapictures.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/blog.dynapictures.com\\\/#\\\/schema\\\/person\\\/78e6e4fd1ecd41aaedbb2d6c610234b1\",\"name\":\"Alex Vushkan\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/blog.dynapictures.com\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/alex-avatar-150x150.jpg\",\"url\":\"https:\\\/\\\/blog.dynapictures.com\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/alex-avatar-150x150.jpg\",\"contentUrl\":\"https:\\\/\\\/blog.dynapictures.com\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/alex-avatar-150x150.jpg\",\"caption\":\"Alex Vushkan\"},\"url\":\"https:\\\/\\\/blog.dynapictures.com\\\/author\\\/alex\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Use Forms to Auto-Generate Banners with DynaPictures - DynaPictures Blog","description":"Quick tutorial on how to auto generate banners. Simply generate a banner in 6 simple steps of watch our banner generation video o get started","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/dynapictures.com\/blog\/how-to-use-forms-to-create-banners-with-dynapictures\/","og_locale":"en_US","og_type":"article","og_title":"How to Use Forms to Auto-Generate Banners with DynaPictures - DynaPictures Blog","og_description":"Quick tutorial on how to auto generate banners. Simply generate a banner in 6 simple steps of watch our banner generation video o get started","og_url":"https:\/\/dynapictures.com\/blog\/how-to-use-forms-to-create-banners-with-dynapictures\/","og_site_name":"DynaPictures Blog","article_published_time":"2024-06-03T07:32:58+00:00","article_modified_time":"2026-07-21T11:35:34+00:00","og_image":[{"width":340,"height":340,"url":"https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/06\/jay-zhang-J10TawzEW6Q-unsplash-cut-1.jpeg","type":"image\/jpeg"}],"author":"Alex Vushkan","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alex Vushkan","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/dynapictures.com\/blog\/how-to-use-forms-to-create-banners-with-dynapictures\/#article","isPartOf":{"@id":"https:\/\/blog.dynapictures.com\/how-to-use-forms-to-create-banners-with-dynapictures\/"},"author":{"name":"Alex Vushkan","@id":"https:\/\/blog.dynapictures.com\/#\/schema\/person\/78e6e4fd1ecd41aaedbb2d6c610234b1"},"headline":"How to Use Forms to Auto-Generate Banners with DynaPictures","datePublished":"2024-06-03T07:32:58+00:00","dateModified":"2026-07-21T11:35:34+00:00","mainEntityOfPage":{"@id":"https:\/\/blog.dynapictures.com\/how-to-use-forms-to-create-banners-with-dynapictures\/"},"wordCount":549,"publisher":{"@id":"https:\/\/blog.dynapictures.com\/#organization"},"image":{"@id":"https:\/\/dynapictures.com\/blog\/how-to-use-forms-to-create-banners-with-dynapictures\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/06\/jay-zhang-J10TawzEW6Q-unsplash-cut-1.jpeg","keywords":["Generate banners with form"],"articleSection":["Image Generation"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/blog.dynapictures.com\/how-to-use-forms-to-create-banners-with-dynapictures\/","url":"https:\/\/dynapictures.com\/blog\/how-to-use-forms-to-create-banners-with-dynapictures\/","name":"How to Use Forms to Auto-Generate Banners with DynaPictures - DynaPictures Blog","isPartOf":{"@id":"https:\/\/blog.dynapictures.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/dynapictures.com\/blog\/how-to-use-forms-to-create-banners-with-dynapictures\/#primaryimage"},"image":{"@id":"https:\/\/dynapictures.com\/blog\/how-to-use-forms-to-create-banners-with-dynapictures\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/06\/jay-zhang-J10TawzEW6Q-unsplash-cut-1.jpeg","datePublished":"2024-06-03T07:32:58+00:00","dateModified":"2026-07-21T11:35:34+00:00","description":"Quick tutorial on how to auto generate banners. Simply generate a banner in 6 simple steps of watch our banner generation video o get started","breadcrumb":{"@id":"https:\/\/dynapictures.com\/blog\/how-to-use-forms-to-create-banners-with-dynapictures\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dynapictures.com\/blog\/how-to-use-forms-to-create-banners-with-dynapictures\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dynapictures.com\/blog\/how-to-use-forms-to-create-banners-with-dynapictures\/#primaryimage","url":"https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/06\/jay-zhang-J10TawzEW6Q-unsplash-cut-1.jpeg","contentUrl":"https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/06\/jay-zhang-J10TawzEW6Q-unsplash-cut-1.jpeg","width":340,"height":340,"caption":"Generate images from form"},{"@type":"BreadcrumbList","@id":"https:\/\/dynapictures.com\/blog\/how-to-use-forms-to-create-banners-with-dynapictures\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.dynapictures.com\/"},{"@type":"ListItem","position":2,"name":"How to Use Forms to Auto-Generate Banners with DynaPictures"}]},{"@type":"WebSite","@id":"https:\/\/blog.dynapictures.com\/#website","url":"https:\/\/blog.dynapictures.com\/","name":"DynaPictures Blog","description":"Dynamic Image Generation","publisher":{"@id":"https:\/\/blog.dynapictures.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.dynapictures.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/blog.dynapictures.com\/#organization","name":"DynaPictures Blog","url":"https:\/\/blog.dynapictures.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.dynapictures.com\/#\/schema\/logo\/image\/","url":"https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/05\/logo_dynapictures.svg","contentUrl":"https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/05\/logo_dynapictures.svg","caption":"DynaPictures Blog"},"image":{"@id":"https:\/\/blog.dynapictures.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/blog.dynapictures.com\/#\/schema\/person\/78e6e4fd1ecd41aaedbb2d6c610234b1","name":"Alex Vushkan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/10\/alex-avatar-150x150.jpg","url":"https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/10\/alex-avatar-150x150.jpg","contentUrl":"https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/10\/alex-avatar-150x150.jpg","caption":"Alex Vushkan"},"url":"https:\/\/blog.dynapictures.com\/author\/alex\/"}]}},"_links":{"self":[{"href":"https:\/\/blog.dynapictures.com\/wp-json\/wp\/v2\/posts\/58","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.dynapictures.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.dynapictures.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.dynapictures.com\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.dynapictures.com\/wp-json\/wp\/v2\/comments?post=58"}],"version-history":[{"count":7,"href":"https:\/\/blog.dynapictures.com\/wp-json\/wp\/v2\/posts\/58\/revisions"}],"predecessor-version":[{"id":1457,"href":"https:\/\/blog.dynapictures.com\/wp-json\/wp\/v2\/posts\/58\/revisions\/1457"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.dynapictures.com\/wp-json\/wp\/v2\/media\/119"}],"wp:attachment":[{"href":"https:\/\/blog.dynapictures.com\/wp-json\/wp\/v2\/media?parent=58"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.dynapictures.com\/wp-json\/wp\/v2\/categories?post=58"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.dynapictures.com\/wp-json\/wp\/v2\/tags?post=58"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}