CLI
Migrate - Manual Form setup
4min
note this is only necessary if you are not updating to a form built within siteglide admin before go live depending on your system configuration, sometimes forms will not automatically convert during the migration process if this has happened then please follow the steps below to do this manually download the form files download the files from this release on github https //github com/siteglide/migration form/releases/tag/1 0 0 you should use the "source code (zip)" link under assets unpack the files now that you have the zip, they need to be put into the correct place drag the modules folder from the zip alongside the marketplace builder folder in the migration that you have just triggered it should look like the following edit the files the only line the needs to be edited are in modules/simpleform/public/notifications/email notifications/form liquid in this file replace line 2 where the to field exists simply replace admin email\@example com with the email address where you would like to receive the workflow notifications after that has happened, the file should look like the below \ to dean\@siteglide com from no reply\@siteglide com subject "new form submission! \[{{ context location host }}]" \ \<!doctype html public " //w3c//dtd xhtml 1 0 transitional//en" "http //www w3 org/tr/xhtml1/dtd/xhtml1 transitional dtd"> \<html> \<head> \<meta name="viewport" content="width=device width, initial scale=1 0" /> \<meta http equiv="content type" content="text/html; charset=utf 8" /> \<style type="text/css" rel="stylesheet" media="all"> body { width 100% !important; height 100%; margin 0; } a { color #3869d4; } a img { border none; } td { word break break word; } preheader { display none !important; visibility hidden; font size 1px; line height 1px; max height 0; max width 0; opacity 0; overflow hidden; } / type / body, td, th { font family helvetica, arial, sans serif; } h1 { margin top 0; color #333333; font size 22px; font weight bold; text align left; } h2 { margin top 0; color #333333; font size 16px; font weight bold; text align left; } h3 { margin top 0; color #333333; font size 14px; font weight bold; text align left; } td, th { font size 16px; } p, ul, ol, blockquote { margin 4em 0 1 1875em; font size 16px; line height 1 625; } p sub { font size 13px; } / utilities / align right { text align right; } align left { text align left; } align center { text align center; } / buttons / button { background color #3869d4; border top 10px solid #3869d4; border right 18px solid #3869d4; border bottom 10px solid #3869d4; border left 18px solid #3869d4; display inline block; color #fff; text decoration none; border radius 3px; box shadow 0 2px 3px rgba(0, 0, 0, 0 16); box sizing border box; } button green { background color #22bc66; border top 10px solid #22bc66; border right 18px solid #22bc66; border bottom 10px solid #22bc66; border left 18px solid #22bc66; } button red { background color #ff6136; border top 10px solid #ff6136; border right 18px solid #ff6136; border bottom 10px solid #ff6136; border left 18px solid #ff6136; } @media only screen and (max width 500px) { button { width 100% !important; text align center !important; } } / attribute list / attributes { margin 0 0 21px; } attributes content { background color #f4f4f7; padding 16px; } attributes item { padding 0; } / related items / related { width 100%; margin 0; padding 25px 0 0 0; premailer width 100%; premailer cellpadding 0; premailer cellspacing 0; } related item { padding 10px 0; color #cbcccf; font size 15px; line height 18px; } related item title { display block; margin 5em 0 0; } related item thumb { display block; padding bottom 10px; } related heading { border top 1px solid #cbcccf; text align center; padding 25px 0 10px; } / discount code / discount { width 100%; margin 0; padding 24px; premailer width 100%; premailer cellpadding 0; premailer cellspacing 0; background color #f4f4f7; border 2px dashed #cbcccf; } discount heading { text align center; } discount body { text align center; font size 15px; } / social icons / social { width auto; } social td { padding 0; width auto; } social icon { height 20px; margin 0 8px 10px 8px; padding 0; } / data table / purchase { width 100%; margin 0; padding 35px 0; premailer width 100%; premailer cellpadding 0; premailer cellspacing 0; } purchase content { width 100%; margin 0; padding 25px 0 0 0; premailer width 100%; premailer cellpadding 0; premailer cellspacing 0; } purchase item { padding 10px 0; color #51545e; font size 15px; line height 18px; } purchase heading { padding bottom 8px; border bottom 1px solid #eaeaec; } purchase heading p { margin 0; color #85878e; font size 12px; } purchase footer { padding top 15px; border top 1px solid #eaeaec; } purchase total { margin 0; text align right; font weight bold; color #333333; } purchase total label { padding 0 15px 0 0; } body { background color #f4f4f7; color #51545e; } p { color #51545e; } p sub { color #6b6e76; } email wrapper { width 100%; margin 0; padding 0; premailer width 100%; premailer cellpadding 0; premailer cellspacing 0; background color #f4f4f7; } email content { width 100%; margin 0; padding 0; premailer width 100%; premailer cellpadding 0; premailer cellspacing 0; } / masthead / email masthead { padding 25px 0; text align center; } email masthead logo { width 94px; } email masthead name { font size 16px; font weight bold; color #a8aaaf; text decoration none; text shadow 0 1px 0 white; } / body / email body { width 100%; margin 0; padding 0; premailer width 100%; premailer cellpadding 0; premailer cellspacing 0; background color #ffffff; } email body inner { width 570px; margin 0 auto; padding 0; premailer width 570px; premailer cellpadding 0; premailer cellspacing 0; background color #ffffff; } email footer { width 570px; margin 0 auto; padding 0; premailer width 570px; premailer cellpadding 0; premailer cellspacing 0; text align center; } email footer p { color #6b6e76; } body action { width 100%; margin 30px auto; padding 0; premailer width 100%; premailer cellpadding 0; premailer cellspacing 0; text align center; } body sub { margin top 25px; padding top 25px; border top 1px solid #eaeaec; } content cell { padding 35px; } / media queries / @media only screen and (max width 600px) { email body inner, email footer { width 100% !important; } } @media (prefers color scheme dark) { body, email body, email body inner, email content, email wrapper, email masthead, email footer { background color #333333 !important; color #fff !important; } p, ul, ol, blockquote, h1, h2, h3 { color #fff !important; } attributes content, discount { background color #222 !important; } email masthead name { text shadow none !important; } } \</style> \<! \[if mso]> \<style type="text/css"> f fallback { font family arial, sans serif; } \</style> \<!\[endif] > \</head> \<body> \<table class="email wrapper" width="100%" cellpadding="0" cellspacing="0" role="presentation"> \<tr> \<td align="center"> \<table class="email content" width="100%" cellpadding="0" cellspacing="0" role="presentation"> \<tr> \<td class="email masthead"> data submitted \</a> \</td> \</tr> \<tr> \<td class="email body" width="100%" cellpadding="0" cellspacing="0"> \<table class="email body inner" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation"> \<tr> \<td class="content cell"> \<div class="f fallback"> \<table class="attributes" width="100%" cellpadding="0" cellspacing="0" role="presentation"> \<tr> \<td class="attributes content"> \<table width="100%" cellpadding="0" cellspacing="0" role="presentation"> {% for d in data %} \<tr> {% unless d\[0] == "slug" or d\[0] == "format" %} \<td class="attributes item"> {{ d\[0] }} \</td> \<td class="attributes item"> {{ d\[1] }} \</td> {% endunless %} \</tr> {% endfor %} \</table> \</td> \</tr> \</table> \</div> \</td> \</tr> \</table> \</td> \</tr> \</table> \</td> \</tr> \</table> \</body> \</html> sync the files turn on siteglide cli sync and save both the modules/simpleform/public/notifications/email notifications/form liquid and the modules/simpleform/public/views/pages/form html liquid you will see confirmation in your terminal that the files have uploaded test a form find a form on your website and fill it in, you should then receive a workflow notification to your email address entered above