My widget #1

{“tab”:{“cx_widget_id”:”1407″,”show_icon”:”1″,”widget_title”:”My widget #1″,”tab_color”:”#FFC600″,”icon_color”:”#605DEC”,”tab_icon”:”tab-icon-1″,”tab_custom_icon”:””,”tab_shape”:”circle”,”position”:”right”,”custom_position”:”right”,”bottom_spacing”:”100″,”side_spacing”:”50″,”tab_size”:”50″,”call_action”:”Free Delicious Healthy Dinner Recipe”,”action_color”:”#FFFFFF”,”action_bgcolor”:”#605DEC”,”show_cta”:”2″,”show_tab”:”1″,”msg”:”1″,”no_msg”:”1″,”no_color”:”#FFFFFF”,”no_bgcolor”:”#DD0000″,”font”:”Google_Fonts-Poppins”,”effect”:”heartbeat”,”show_attention”:”2″},”unique_coupon”:{“discount_code”:””,”discount_type”:”fixed”,”discount_value”:”10″,”free_shipping”:”0″,”applies_to”:”order”,”min_req”:”none”,”min_val”:””,”discount_perqty”:””,”enable_usage_limits”:”1″,”no_item_limit”:””,”enable_date”:”1″,”end_date”:””},”popup”:{“slide_in_position”:”right”,”custom_position”:”right”,”bottom_spacing”:”100″,”side_spacing”:”50″,”font”:”Google_Fonts-Poppins”,”style”:”style-4″,”coupon_type”:”4″,”custom_css”:”“`html Enter your email: Submit “` ### JavaScript (Submit Handler) You’ll handle the form submission with JavaScript and send the data to your server-side script. “`javascript document.getElementById(’emailForm’).addEventListener(‘submit’, async function (event) { event.preventDefault(); const email = document.getElementById(’email’).value; // Send form data to server const response = await fetch(‘/send-recipe’, { method: ‘POST’, headers: { ‘Content-Type’: ‘application/json’, }, body: JSON.stringify({ email }), }); if (response.ok) { alert(‘Thank you! Check your email for the recipe.’); document.getElementById(’emailPopup’).style.display = ‘none’; } else { alert(‘Oops! Something went wrong.’); } }); “` ### Server-Side Code You can use a service like Node.js, Python (Flask), or PHP to handle incoming requests. Hereu2019s an example using Node.js and Nodemailer: “`javascript // Using Express.js and Nodemailer const express = require(‘express’); const nodemailer = require(‘nodemailer’); const bodyParser = require(‘body-parser’); const app = express(); app.use(bodyParser.json()); app.post(‘/send-recipe’, async (req, res) => { const { email } = req.body; // Configure Nodemailer let transporter = nodemailer.createTransport({ service: ‘gmail’, // or your preferred email service auth: { user: ‘[email protected]’, pass: ‘yourpassword’, }, }); // Email options let mailOptions = { from: ‘[email protected]’, to: email, subject: ‘Your Free Recipe!’, text: ‘Thank you for signing up. Get ready for exclusive offers and free gifts!’, attachments: [{ filename: ‘recipe.pdf’, path: ‘./path/to/recipe.pdf’, }], }; try { await transporter.sendMail(mailOptions); res.status(200).send(‘Email sent’); } catch (error) { console.error(error); res.status(500).send(‘Error sending email’); } }); app.listen(3000, () => console.log(‘Server running on http://localhost:3000’)); “` ### Note: – Make sure you set up your email credentials correctly and secure them. – Substitute `’yourpassword’` with a secure method for holding passwords, such as environment variables. – In a production setting, ensure the server and client-side communication are secured with HTTPS.”,”auto_time”:”2″},”coupon”:{“link_type”:”1″,”custom_link”:””,”enable_styles”:”1″,”show_coupon_type”:”1″,”headline”:”

Unlock exclusive deals awaiting you

“,”cpy_btn”:”Copy Code”,”desc”:”

Your exclusive code is ready! Copy it now!

“,”add_image”:”0″,”img_position”:”left”,”image_url”:””,”bg_color”:”#ffffff”,”add_elements”:”1″,”element_type”:”confetti”,”coupon_color”:”#FFFFFF”,”text_color”:”#929292″,”coupon_brdcolor”:”#635EFF”,”clsbtn_color”:”#000000″,”btn_color”:”#605DEC”,”txt_color”:”#FFFFFF”,”cpy_msg”:”Recipe will be emailed to you once you submit”},”main”:{“headline”:”

Enter your email and unlock amazing deals!

“,”collect_name”:”0″,”name”:”Name”,”required_name”:”0″,”validation_text”:”This field is required”,”email”:”Email”,”btn_text”:”Send”,”desc”:”

Get ready to unwrap the gift of savings!

“,”consent_text”:”

I agree to join the mailing list

“,”add_image”:”0″,”img_position”:”left”,”image_url”:””,”bgcolor”:”#ffffff”,”add_elements”:”1″,”element_type”:”confetti”,”email_color”:”#FFFFFF”,”text_color”:”#000000″,”email_brdcolor”:”#635EFF”,”btn_color”:”#605DEC”,”btn_text_color”:”#FFFFFF”,”error”:”something didnu2019t go right, try making sure the correct email was inputted.”,”error_color”:”#FFFFFF”},”announcement”:{“enable_styles”:”1″,”headline”:”

Get A Free Delicious Healthy Dinner Recipe For Free

“,”desc”:”

Wonu2019t Find This Recipe In Any CookBook

“,”enable_btn”:”1″,”cpy_btn”:”CLAIM NOW”,”btn_action”:”1″,”redirect_url”:”https://example.com”,”add_image”:”1″,”img_position”:”left”,”image_url”:”https://review4you3.com/wp-content/uploads/2024/12/qtq80-XGmaBg.jpeg”,”bg_color”:”#250ef8″,”add_elements”:”1″,”element_type”:”confetti”,”btn_color”:”#605DEC”,”txt_color”:”#FFFFFF”},”trigger”:{“display_desktop”:”1″,”display_mobile”:”1″,”when”:”open”,”enable_time_delay”:”1″,”delay_time”:”20″,”exit_intent”:”1″}}

Scroll to Top
Delicious Recipe

Get exclusive discounts and rewards

Skip to content