Creating Dynamic Web Pages & Redirecting Users with Pabbly Connect

Learn how to create dynamic web pages and redirect users using form submission data with Pabbly Connect in this step-by-step tutorial. Revolutionize your productivity approach with just a few strategic clicks. Uncover professional methods for connecting applications and creating workflows that reclaim hours of your week.

Watch Step By Step Video Tutorial Below

1. Accessing Pabbly Connect for Dynamic Page Creation

To create dynamic web pages and redirect users using form submission data, start by accessing Pabbly Connect. Visit the URL Pabbly.com/connect to reach the landing page.

Here, you can either sign in if you’re an existing user or sign up if you are new. After logging in, navigate to the ‘All Applications’ page and click on ‘Access Now’ for Pabbly Connect. You will be directed to the dashboard where you can begin creating your workflow.

2. Creating a Workflow in Pabbly Connect

In Pabbly Connect, you can create a workflow to automate the process of generating dynamic web pages. Click on the ‘Create Workflow’ button on the right side of the dashboard. Name your workflow appropriately, such as ‘Dynamic Web Pages Creation and User Redirection’. using Pabbly Connect

• Choose the trigger application as Elementor Forms.
• Select the trigger event as ‘New Form Submission’.
• Click on ‘Connect’ to establish the connection.

Once you have set this up, you will receive a webhook URL that will be used to receive form submissions from Elementor Forms. Make sure to copy this URL for the next steps.

3. Setting Up Elementor Forms for User Input

Now, head over to your WordPress dashboard to set up the Elementor form that users will fill out. Navigate to the Elementor page editor and create a new form for your live concert. using Pabbly Connect

In the form settings, go to the ‘Actions After Submit’ section and add the actions to collect submissions and redirect users. Here, paste the webhook URL you copied earlier into the redirect field.

• Add form fields such as Name, Email, Mobile Number, and Message.
• Ensure that you configure the redirect URL to include query parameters for each field.
• Update the form settings after completing the setup.

This setup allows users to be redirected to a dynamic web page after submitting their information through the Elementor form. The data captured will be sent to Pabbly Connect.

4. Generating Dynamic Web Pages with Pabbly Connect

After users submit the form, the next step is to generate a dynamic web page for each user. In Pabbly Connect, add a new action step and select ‘Dynamic Web Page by Pabbly’ as the application. using Pabbly Connect

For the action event, choose ‘Generate Web Page URL’. You will need to provide the HTML content that will be displayed on the dynamic page. You can map the user’s name and the randomly generated table number in the HTML content.

Paste your HTML content into the designated field. Map the user’s name and table number using the data received from the previous steps. Save and send a test request to generate the dynamic web page URL.

Once this is completed, you will receive a dynamic web page URL that users will be redirected to after form submission.

5. Redirecting Users to Dynamic Pages Using Pabbly Connect

The final step is to redirect users to the newly created dynamic web page. In Pabbly Connect, add another action step and select ‘Data Forwarder by Pabbly’. Choose the action event as ‘Redirect To’. using Pabbly Connect

In the redirect URL field, paste the dynamic web page URL generated in the previous step. Set the redirect status to ‘301 Moved Permanently’ and save the action.

Ensure the redirect URL points to the dynamic web page created. Test the workflow to confirm that users are redirected correctly after form submission. Monitor the API responses to verify successful integration.

With this setup, users will receive a personalized dynamic web page link upon form submission, enhancing their experience during the live concert.

Conclusion

In this tutorial, we explored how to create dynamic web pages and redirect users using form submission data through Pabbly Connect. By integrating Elementor Forms with Pabbly Connect, users can receive personalized URLs after submitting their information, streamlining the process and improving user engagement.