Marketing-redirect - Redirect your customers from your marketing page to the application they're paying for

Overview

Marketing Redirect

Do you have a marketing page and an app with two separate, but similar domains? Something like datadog.com and app.datadog.com, or digitalocean.com and cloud.digitalocean.com?

Did you know that your users frequently go to the former when they intended to go to the latter? Did you know this is frustrating UX, especially when there isn't a clear way to find a link to the "app" page from the marketing page?

What if your cusmers could go straight to the application they're paying for?

To give them the great UX they're paying for, simply:

  1. Copy the code from redirect-script.html onto your marketing page. Replace the YOUR_SITE_HERE text with the url of your app.
  2. Put a <button> element anywhere on the page with the id marketing-redirect. For example, <button id="marketing-redirect">Always go to app</button> would be perfect.
  3. Style your button using any classes you want.

Now, whenever your customer ends up on the marketing page, they can opt in to simply being redirected to the app. That's great UX?

What if a customer wants to stop being redirected from the marketing page to the app?

Simply send the user to your marketing page with the value disable-marketing-redirect somewhere in the hash. If your marketing page is located at coolcompany.com, just put a link to the url https://coolcompany.com/#disable-marketing-redirect and the redirect will be turned off. You could put that link in the settings page of your app.

Example

To see marketing-redirect in action, go to the marketing page, which is just the index.html file in this repo. Click the "Always go to app" button to always be redirected to the app page. Try going to the marketing page again, and see your browser get redirected to the app. When you're done, click "Disable marketing redirect" to disable the automatic redirect.

Couldn't you just do this with a redirect on your server?

I expect that many companies don't have the same people in charge of the marketing page and a user level setting to control http codes.

Future plans and monetization

In the future I would like to turn this into a cloud service that integrates with analytics providers to help marketing teams distinguish existing customers from genuine leads.

You might also like...

A simple JS example for NextAuth Google login with a popup window instead of redirect.

A simple JS example for NextAuth Google login with a popup window instead of redirect.

Dec 7, 2022

The awesomebooks project is a simple list, but separated into 3 parts and given a retro feel. The main page is where we can add books, and on another page we can see the list, and remove items. There is also a "contact-us" page.

Awesome Books This is the restructured version of the famous awesome-books project! Here you can find JavaScript broken into modules, using import-exp

Nov 15, 2022

This restaurant project is a SPA (single-page application) website. The user can navigate between the home, menu and contact page. I used the MealDB API to display some menu items.

This restaurant project is a SPA (single-page application) website. The user can navigate between the home, menu and contact page. I used the MealDB API to display some menu items.

Fresh Cuisine This restaurant project is from the Odin Project and it is a SPA (single-page application) website. The user can navigate between the ho

Nov 2, 2022

A pure JavaScript Web Page to retrieve real-time OTP through a web page and generate/scan QR codes.

A pure JavaScript Web Page to retrieve real-time OTP through a web page and generate/scan QR codes.

2FA-Solver A pure JavaScript Web Page to retrieve real-time OTP through a web page and generate/scan QR codes. It can be used as an offline web page b

Dec 7, 2022

A landing page, as well as a results page, that utliize both Yelp API and Google Maps API.

A landing page, as well as a results page, that utliize both Yelp API and Google Maps API.

Economic Eats Group Project #1 Maintained By: Austin Donovan John Hysong John Guzzetta Jahnathan Exantus Description This project contains a landing p

Aug 4, 2022

Awesome books app is a basic website that allows users to add/remove books from a list. It is a single page app (SPA) which allow switching to different pages of the app without page load. Built with JavaScript.

Awesome Books ES6 In this project, I build a basic website that allows users to add/remove books from a list. using ES6 syntax and make it more organi

Jul 1, 2022

A SPA (Single Page Application) that can track your books on your browser! Made with ES6 modules,JavaScript, HTML 5 and CSS 3.

Awesome-Books-project Recreate awesome book app using ES6 syntax and modules. Built With HTML CSS Javascript Live Demo (if available) Live Demo Link G

Jul 14, 2022

This project is a single-page application (SPA) about Booklist in which you can add your favorite books.

This project is a single-page application (SPA) about Booklist in which you can add your favorite books.

AWESOME BOOKS This website Awesome Books Library provides users a convenient way to keep track of their books or reading lists. Users can add and remo

Feb 25, 2022

🍎 A simple application which enables you to sync readings from your Withings scale to a Notion page.

🍎 A simple application which enables you to sync readings from your Withings scale to a Notion page.

weight-logger weight-logger is a simple application which enables you to sync readings from your Withings scale to a Notion page. Preview Installation

Jan 14, 2022
Owner
Elliot Plant
Elliot Plant
Hemsida för personer i Sverige som kan och vill erbjuda boende till mÀnniskor pÄ flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
A superfast and easy to use knowledge base to help your customers get the info they need, when they need it most.

A superfast and easy to use knowledge base to help your customers get the info they need, when they need it most. helpkb is an open-source Next.js (A

Mark Moffat 11 Dec 5, 2022
CarCollectors is website for customers who want to rent a car

CarCollectors is website that consumes the car api and the involvement api. It allows the user to browse a large collection of cars, like them, comment on them, and place a reservation order.

Soufiane Boursen 3 May 3, 2022
The fastest growing marketing work management software.

Clone of coschedule.com This was our project for Unit-5 Construct week at Masai Shcool. Our target was to complete all main functionality of e-commerc

ShreyanshGuptaWD 2 Jun 20, 2022
Open-source API to securely share data with customers.

Offer secure data pipelines to your customers' data warehouses, directly from your product. Slack · Website · Docs About Pipebird Direct, secure, and

Pipebird 169 Dec 23, 2022
Under the Sea is an official AWS workshop delivered by AWS SAs and AWS Partners to help customers and partners to learn about AIOps with serverless architectures on AWS.

Under the Sea - AIOps with Serverless Workshop Under the Sea is an exciting MMORPG developed by the famous entrepreneur behind Wild Rydes, the most po

AWS Samples 4 Nov 16, 2022
Alluo Decentralised App (dapp) allowing customers to interact with the Alluo protocol

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya

Alluo 4 Oct 21, 2022
Self-hosted open source social media marketing

OpenSMM Description OpenSMM(Open Social Media Marketing) is a self-hosted social media marketing platform built to assist small businesses manage thei

Vaughn 22 Dec 23, 2022
Detect F12 open console, protect web static resources, support redirect, rewrite, callback strategies.

console-ban Detect F12 open browser console. protect web site static resources, support redirect, rewrite, custom callback strategies. Language: Engli

Yingci 623 Dec 26, 2022