Navigation and Button Issues on Dynamic Page – Starter Site Solution

Hi GeneratePress Team,

I’m currently working on a website using your “Solution” Starter Site:

1. What I’m trying to achieve:
When a user clicks on a “Contract Plan” button in the pricing section of the homepage, I want them to be redirected to a page where they can enter billing information and be forwarded to a payment gateway.

Here’s what should happen:

1.1. The user is redirected to a custom page:

1.2. The plan name (e.g., “Plan Growth”) should be displayed automatically on that page based on the ?plan= URL parameter.

1.3. The selected plan name should also be inserted into a hidden field inside a form so I can know which plan the user selected when they submit it.

2. Current implementation:
On the “Contratar Plan” page, I added the following blocks:

Block 1 – Heading:

html
Copiar
Editar
<h2 id=”titulo-plan” style=”text-align: center;”>Estás contratando un plan</h2>
Block 2 – Contact Form 7:
The form includes a hidden input with id=”input-plan”.

Block 3 – Script to read the URL parameter:

html
Copiar
Editar
<script>
document.addEventListener(“DOMContentLoaded”, function () {
const urlParams = new URLSearchParams(window.location.search);
const plan = urlParams.get(‘plan’);

if (plan) {
const planNombre = {
starter: ‘Plan Starter’,
growth: ‘Plan Growth’,
business: ‘Plan Business’
};

document.getElementById(‘titulo-plan’).innerText = “Estás contratando el ” + (planNombre[plan] || ”);
document.getElementById(‘input-plan’).value = planNombre[plan];
}
});
</script>
3. Problems I’m facing:
3.1 On the “Contratar Plan” page:
The navigation menu doesn’t work properly on both desktop and mobile. It takes several clicks/taps to trigger a navigation, or it doesn’t work at all.

3.2 On the homepage:
When clicking a “Contract Plan” button, the redirect is slow or inconsistent. Sometimes it takes too long to load the target page.

4. Question:
Could these issues be caused by my custom JavaScript, by how I’m using blocks, or is there some known compatibility issue with the “Solution” template?

Any insights or recommendations to solve the navigation and redirect issues would be greatly appreciated.