Hostinger_Integrate Customer portal process

Integrating a Customer Portal into Your Hostinger Website

Follow these steps to seamlessly add a Customer Portal to your Hostinger site:

Step 1: Log in to Your Hostinger Account

• Accessing Hostinger
• Go to Hostinger in your browser.
• Log in using your username and password to access your account dashboard.

Pro tip: Make sure you have the necessary administrative permissions to integrate new features successfully.

Accessing hPanel – Your Hostinger Control Hub

hPanel is where you manage everything on your Hostinger website, from pages to settings—think of it as your site’s control room.

• After logging in, navigate to hPanel to access all website management tools.

Pro tip: Familiarize yourself with hPanel’s layout early—it makes managing your portal and website much faster.

Opening Website Preview Mode – See Your Site in Action

Preview mode lets you check your website exactly how visitors will see it, ensuring your Customer Portal fits seamlessly.

• Navigate to your website’s preview mode to see it live.
• Click Back to Edit to return to the editor and make any adjustments.

Pro tip: Use preview mode frequently—catching layout or functionality issues early saves time later.

Creating a New Page – Your Customer Portal’s Home

This page will serve as the central hub for your clients to access the portal.

• In the editor, go to Page & Navigation to create a new page.
• Name the page Customer Portal and save it.
• Copy the URL of the newly created page for later use.

Pro tip: Choose a clear, recognizable page name—this makes it easy for clients to find and remember.

Configuring the IntoAEC Application – Linking Your Portal

This step connects your website with the IntoAEC Application, making the Customer Portal functional.

Log in to your IntoAEC Application.

• Navigate to Preferences > Website Navigation Menu.
• In the Website Configuration section, enter or paste your website URL (e.g., https://yourwebsite.com/).
• Click Add Website and wait for the success notification.
• Scroll down and copy the Embed Code for your Customer Portal.

Pro tip: Keep the embed code handy—it’s essential for embedding your portal into the website.

. 

Adding the Embed Code – Bringing Your Portal to Life

Embedding the code makes your Customer Portal functional directly on your website.

• Go back to your website’s edit page in the browser.
• Click the three dots in the left-side menu.
• Select Integration and find the Custom Code Box.
• Paste the embed code you copied from IntoAEC.
• Save your changes and click Update Website to apply them.

Pro tip: Double-check the code placement before updating—it ensures your portal works seamlessly for all visitors.

Verifying Your Customer Portal Integration

• Before going live, make sure everything is working perfectly for your clients.
• After updating, click Visit Site to view your live website.
• Go to the Customer Portal page and confirm that all features are functioning correctly.

Pro tip: Test your portal on different devices and browsers to ensure a smooth experience for every visitor.

If you run into any questions or need extra help, don’t hesitate to reach out—we’re here to support you every step of the way.