Publishing landing pages through a reverse proxy

Reverse proxy publishing is a method of serving web content to users through an intermediary server (the reverse proxy) that sits between users and the web server hosting the content. Instead of accessing the origin server directly, users interact with the reverse proxy, which handles requests and responses.

Depending on where your website and domain sit, you can provide your landing pages created with Landingi through a reverse proxy by setting up a connection directly on your server/platform.

How does the reverse proxy work?

With reverse proxy publishing, you can easily map a specific directory on your main domain (e.g., https://example.com/lp/) to display content hosted on another server. This allows your landing pages to appear under your main domain without duplicating or transferring content manually.

Example:

• Original Setup: Your landing page is published on the Landingi platform under the subdomain:
  • https://offers.website.com/ebook-download
• Final Result: Through reverse proxy configuration on your server, the same landing page becomes available under your main domain:
  • https://website.com/offers/ebook-download
• Your main website remains accessible at https://website.com/.

Setting up landing pages and the reverse proxy

1. Build and publish your landing page as usual.

2. Depending on the server or platform of your main website, go to settings and map the target URL with the source URL.

1. Mapping individual landing pages:
   • Map https://website.com/offers/offer1 with https://offers.website.com/offer1
   • Map https://website.com/offers/offer2 with https://offers.website.com/offer2, etc.
2. Mapping catalogs:
   • On your server, create a catalog that will serve landing pages automatically
   • Map https://website.com/catalog/* with https://catalog.website.com/*
   • Any landing page published in Landingi under https://catalog.website.com/XYZ will now be automatically available under https://website.com/catalog/XYZ.

Mapping catalogs: buttons and forms

If you create a new catalog and map the URLs so that landing pages are automatically available under it, you need to install a JavaScript code snippet in order to allow the buttons and forms on your landing pages to work properly.

1. Log in to your Landingi account and navigate to the Dashboard of your landing page.

2. Go to the JavaScript Code tab and click Add new script.

You can also access the JavaScript Code tab directly from the editor:

3. Copy the following codes in the same window:

• For buttons:

<script>
  $(document).ready(function() {
    $(‘.widget-button’).each(function() {
      var wrongURL = $(this).attr(‘href’);
      var goodURL = ‘/catalog/landingi’ + wrongURL;
      if (wrongURL.includes(‘button’)) {
        $(this).attr(‘href’, goodURL);
      }
    });
  });
</script>

• For forms:

<script>
 $(document).ready(function() {
    $(‘form’).each(function() {
      $(this).attr(‘method’, ‘post’);
      var wrongURL = $(this).attr(‘action’);
      var goodURL = ‘/catalog/landingi’ + wrongURL;
      if (wrongURL.includes(‘submit’)) {
        $(this).attr(‘action’, goodURL);
      }
    });
 });
</script>

4. Replace /catalog/landingi with the catalog name and page slug indicated in the new catalog.

• Example:
  • Landing page URL in Landingi: https://offers.website.com/offer1
  • Desired URL: https://website.com/offers/offer1
  • Replace /catalog/landingi with /offers/offer1

5. Name the snippet, select Body top and Main page, and save changes.