Reaching users through emails is a low-hanging fruit. Despite the digital advancements, the email world remains a good place for professionals. The ability to send updates or share important information via email is priceless.
Main tasks :
To create a web form that is accessible via a browser, we need to set up the first scenario on on Latenode. Go to app.latenode.com, click 'create scenario', and put together this structure:
https://lh5.googleusercontent.com/b6uSRQjhCI32JLmb_P2TleHQbsctGDbWqmjnOvSy7TqyR-7BvM_FUSaF_pjQquOjdBNZ6mXN351RENT653fdHTD7M0AZp2VhaLv-B4IcywPyOX5kJdchNKsRRXCZ5irTnNbaNdGCELdgjspdMNsCn4Y
Scenario 1: Content Collection Form
The scenario to display the form via URL consists of three modules:
This functions as a standard URL, triggering the scenario every time it's accessed, (such as when the URL is opened in a browser). The only task in this module is to set the URL by which you'll trigger the scenario.
https://lh6.googleusercontent.com/cBX6HrW2rRy94bQZtD4963ViOQH14jkEPYhIWs-eB9TQY0wr5ejRIFPYUYIxlhPi1OmliuutaGt3KMIA_fQHDM0QxFk2gCYcaRhKoe6lg6H3LgPeo_zwPRwGHF09uJYsP0busi2_oRvPYkpXqIJBwxY
This is the first encounter with code, where the fear towards it starts to fade. Inside the block is an AI assistant, taking on the task of coding, debugging, and making further improvements. Your job is to make requests:
-Include a script in my code to create an HTML form with these input fields: Subject of the Letter, Overview, Title, Platform Updates, Useful Materials, Other News. Add a submission button below. Make the HTML look nice
https://lh3.googleusercontent.com/ojM_5v8rMZG25VCtBfqM7vpieFbdVXJkwbj_GC-Mhn-_Rpacl_nYglyRatX94Cfx2Kk3eMgE7ZkHDUqUzR7rCpa-zLxTV97S79pFEW4Efuz_xr8qwtMNq2eKNsU5mo8L-LTTbGj3JGxa0oLf9wrRhOo
https://lh4.googleusercontent.com/ThAMfvUZ0zLjPtpZCBbdBAg7EI7fZOBN74lwgEtd9kvUruTn2j-bLNM4VVvusTB4lN-HyMOxdK_GHj5_ebysUAf17Uybu3TLbAxXID2a4ZDJdBqLh6Y5--qm2MXOMptHoK8pUokauxBTtVUXYomSWqw
From this, we get the necessary HTML code. The JavaScript module then provides an object named ‘html’. We'll show this in the web browser after accessing the Webhook URL. But first, we need to return ‘html’ to the Webhook URL. Got the flow? Initially, we access the Webhook URL which initiates the scenario (nothing is shown on the screen, but the scenario starts). The JavaScript module contains the code for the HTML form. Our next move is to send the result back to the Webhook URL, which is achieved with the last module.