Landing Page Prompt for evyAI Pro Users · AI for LinkedIn

Dec '24 • AI Tips

Landing Page Prompt for evyAI Pro Users

If you have evyAI pro, you have the ability to create landing pages with your CRM access for a whole year. Here is a prompt to use with ChatGPT to help you develop a landing page that goes to a webhook to collect data from clients or to help you create a useful leadmagnet. In our class I will show examples of this so you can impliment this yourself in our system.

PROMPT:

Build me a landing page with a form that has the following features:

Core Technical Requirements:

Use Tailwind CSS for styling
Include auto-saving functionality that saves form data to localStorage as users type
Add a count-up timer that starts when form is submitted and stops when response is received
Include a webhook submission to [YOUR_WEBHOOK_URL]
Add a copy button for the results
Show a loading overlay with spinner during submission
Make it mobile responsive
Include smooth scrolling to results

Form Structure:

Organized sections with clear headings
Mix of input types (text, textarea, select)
Required field validation
Submit button at bottom

Results Display:

Hidden until submission complete
Shows response from webhook
Copy button for easy sharing
Error state handling with user-friendly messages

JavaScript Features:

Auto-save on input change
Load saved data on page refresh
Form submission handling
Count-up timer during submission
Copy to clipboard functionality
Smooth scroll behavior

The form should be for [YOUR_SPECIFIC_USE_CASE] and include these fields: [LIST_YOUR_SPECIFIC_FORM_FIELDS]

Make sure the code includes HTML, JavaScript, and uses Tailwind CSS. The page should work as a single file with no external dependencies except for Tailwind CSS CDN.

Please include error handling, loading states, and make sure all features (auto-save, count-up timer, copy functionality) work together smoothly.

Thank you!

4 comments