SOLVED
Home

Best way to collect email sign ups on my website and use them in Flow

%3CLINGO-SUB%20id%3D%22lingo-sub-367508%22%20slang%3D%22en-US%22%3EBest%20way%20to%20collect%20email%20sign%20ups%20on%20my%20website%20and%20use%20them%20in%20Flow%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-367508%22%20slang%3D%22en-US%22%3E%3CP%3EI%20am%20currently%20trying%20to%20find%20the%20best%20way%20to%20use%20a%20form%20or%20something%20like%20it%20to%20collect%20email%20addresses%20on%20my%20website.%26nbsp%3B%3CBR%20%2F%3EI%20use%20it%20to%20send%20them%20product%20lists.%20Currently%2C%20I%20am%20using%20the%20Form%20I%20created%20with%20only%201%20Question%20that%20asks%20for%20the%20email.%20It%20integrates%20into%20the%20Flow%20very%20well%20and%20works.%3CBR%20%2F%3EHowever%2C%20my%20Problem%20is%20that%20it%20is%20so%20ugly%20and%20uncustomizable.%20Currently%20it%20looks%20like%20this%3A%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F87995i662F19EA06D8E467%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22image.png%22%20title%3D%22image.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3EBut%20I%20would%20like%20it%20to%20look%20more%20like%20this%3A%3CBR%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F88014iD7008B76E7973058%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22image.png%22%20title%3D%22image.png%22%20%2F%3E%3C%2FSPAN%3E%3CBR%20%2F%3EDoes%20anyone%20have%20any%20ideas%20what%20I%20could%20use%20in%20order%20to%20make%20it%20like%20that%3F%3CBR%20%2F%3EIt%20has%20to%20be%20able%20to%20integrate%20into%20MS%20Flow.%3CBR%20%2F%3EThanks%20in%20advance%3CBR%20%2F%3E%3CA%20title%3D%22Link%20to%20the%20website%20with%20current%20Form%22%20href%3D%22https%3A%2F%2Fwww.ice-co.com%2F%23pricelists%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fwww.ice-co.com%2F%23pricelists%3C%2FA%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-367508%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EFlow%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EForms%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EOffice%20365%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EOffice%20Apps%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-368378%22%20slang%3D%22en-US%22%3ERe%3A%20Best%20way%20to%20collect%20email%20sign%20ups%20on%20my%20website%20and%20use%20them%20in%20Flow%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-368378%22%20slang%3D%22en-US%22%3E%3CP%3ENode.js%20on%20Heroku%20is%20a%20good%20option%20as%20there%20will%20be%20lots%20of%20examples%20on%20the%20web%20and%20this%20should%20be%20relatively%20straight%20forward.%20Just%20remember%20the%20security%20piece%20%3A)%3C%2Fimg%3E%20so%20you%20don%3Bt%20get%20hacked.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EPS.%20PowerApps%20won't%20allow%20you%20to%20share%20it%20publically.%20Although%20for%20internal%20company%20stuff%20its%20the%20way%20to%20go.%20But%20external%20not%20so%20much.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-368369%22%20slang%3D%22en-US%22%3ERe%3A%20Best%20way%20to%20collect%20email%20sign%20ups%20on%20my%20website%20and%20use%20them%20in%20Flow%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-368369%22%20slang%3D%22en-US%22%3E%3CP%3EThank%20you%2C%20I%20have%20almost%20no%20experience%20with%20Powerapps%20and%20will%20look%20into%20it.%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-368367%22%20slang%3D%22en-US%22%3ERe%3A%20Best%20way%20to%20collect%20email%20sign%20ups%20on%20my%20website%20and%20use%20them%20in%20Flow%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-368367%22%20slang%3D%22en-US%22%3E%3CP%3EThanks%20for%20the%20response.%20Yes%2C%20this%20is%20not%20a%20SharePoint%20based%20site.%26nbsp%3B%3C%2FP%3E%3CP%3EIt%20is%20created%20with%20Squarespace.%20There%20you%20are%20able%20to%20add%20custom%20HTML%20code%20into%20the%20site.%26nbsp%3B%3CBR%20%2F%3EI%20might%20look%20into%20that%20solution%20with%20the%20webhook%20if%20that%20works%20well%20with%20the%20Flow%2C%20never%20tried%20that%20before.%26nbsp%3B%3CBR%20%2F%3EWould%20you%20suggest%20writing%20a%20custom%20form%20in%20HTML%20and%20use%20Node.js%20to%20create%20the%20webhook%20(on%20Heroku%20or%20some%20similar%20service)%20that%20gets%20called%20every%20time%20when%20someone%20signs%20up%3F%3CBR%20%2F%3E%3CBR%20%2F%3E%3CBR%20%2F%3E%3CBR%20%2F%3E%3CBR%20%2F%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-368269%22%20slang%3D%22en-US%22%3ERe%3A%20Best%20way%20to%20collect%20email%20sign%20ups%20on%20my%20website%20and%20use%20them%20in%20Flow%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-368269%22%20slang%3D%22en-US%22%3E%3CP%3EIt%20looks%20like%20this%20site%20is%20not%20a%20SharePoint%20based%20site%2C%20am%20I%20correct%3F%20if%20so%20then%20PowerApps%20is%20not%20really%20an%20option%20as%20licensing%20becomes%20as%20issue.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI'm%20assuming%20this%20is%20why%20you%20have%20used%20Forms%2C%20because%20it%20can%20be%20embedded%20into%20any%20site%20and%20that%20you%20can%20easily%20automate%20with%20flow.%20Unfortunately%20there%20is%20not%20much%20control%20over%20what%20the%20form%20looks%20like%20when%20embedding.%20If%20you%20want%20it%20to%20look%20like%20what%20you%20have%20described%2C%20you%20may%20need%20a%20slightly%20more%20technical%20solution.%20As%20in%20create%20the%20page%20yourself%20using%20html%20and%20a%20backend%20language%20to%20call%20a%3CSPAN%3E%26nbsp%3BHTTP%20Webhook%20in%20flow.%20But%20this%20requires%20a%20little%20more%20work.%26nbsp%3B%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-367536%22%20slang%3D%22en-US%22%3ERe%3A%20Best%20way%20to%20collect%20email%20sign%20ups%20on%20my%20website%20and%20use%20them%20in%20Flow%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-367536%22%20slang%3D%22en-US%22%3E%3CP%3Eyou%20could%20create%20a%20sharepoint%20list%20and%20then%20customize%20the%20form%20with%20PowerApps%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
Adalsteinn
New Contributor

I am currently trying to find the best way to use a form or something like it to collect email addresses on my website. 
I use it to send them product lists. Currently, I am using the Form I created with only 1 Question that asks for the email. It integrates into the Flow very well and works.
However, my Problem is that it is so ugly and uncustomizable. Currently it looks like this:

image.png

But I would like it to look more like this:
image.png
Does anyone have any ideas what I could use in order to make it like that?
It has to be able to integrate into MS Flow.
Thanks in advance
https://www.ice-co.com/#pricelists

5 Replies

you could create a sharepoint list and then customize the form with PowerApps

Solution

It looks like this site is not a SharePoint based site, am I correct? if so then PowerApps is not really an option as licensing becomes as issue.

 

I'm assuming this is why you have used Forms, because it can be embedded into any site and that you can easily automate with flow. Unfortunately there is not much control over what the form looks like when embedding. If you want it to look like what you have described, you may need a slightly more technical solution. As in create the page yourself using html and a backend language to call a HTTP Webhook in flow. But this requires a little more work. 

 

 

Thanks for the response. Yes, this is not a SharePoint based site. 

It is created with Squarespace. There you are able to add custom HTML code into the site. 
I might look into that solution with the webhook if that works well with the Flow, never tried that before. 
Would you suggest writing a custom form in HTML and use Node.js to create the webhook (on Heroku or some similar service) that gets called every time when someone signs up?




Thank you, I have almost no experience with Powerapps and will look into it. 

Node.js on Heroku is a good option as there will be lots of examples on the web and this should be relatively straight forward. Just remember the security piece :) so you don;t get hacked.

 

PS. PowerApps won't allow you to share it publically. Although for internal company stuff its the way to go. But external not so much.

Related Conversations
Tabs and Dark Mode
cjc2112 in Discussions on
46 Replies
Security Community Webinars
Valon_Kolica in Security, Privacy & Compliance on
13 Replies
Extentions Synchronization
Deleted in Discussions on
3 Replies
How to Prevent Teams from Auto-Launch
chenrylee in Microsoft Teams on
29 Replies
flashing a white screen while open new tab
Deleted in Discussions on
14 Replies