FLAT 50% off on Update URLS, Magic Link & Logify PRO Check out the deals on our products and save big!

Advanced Features

Splash Page Redirects

A splash page holds visitors on a short interstitial screen before sending them to the destination. Instead of redirecting instantly, the visitor sees a preview of where they're going, a countdown, and a disclaimer — then continues automatically, or clicks to go immediately.

PRO Feature

Splash Page is one of the redirect types available in URL Shortify PRO.

Why use one

  • Set expectations before leaving your site. Visitors see the destination's title and preview image before they arrive.
  • Distance yourself from third-party content. The built-in disclaimer states that you aren't responsible for the destination — useful for affiliate links, user-submitted links and sponsored placements.
  • Give people a way out. A Take Me Back link returns them to where they came from.
  1. Go to URL Shortify → Links and add or edit a link.
  2. Set Redirection to Splash Page.
  3. Click Save Link.

That's the whole setup. The splash screen is generated for you — there's no page to build.

Set the countdown

The countdown is a global setting that applies to every splash link.

Go to URL Shortify → Settings → Links → Splash Page Settings and set Countdown (seconds).

The default is 10 seconds. Values are clamped to between 1 and 60 — anything outside that range is pulled back into it.

One countdown for all links

The countdown is currently site-wide. A per-link override isn't available yet.

What the splash page shows

Element Where it comes from
Preview image The destination page's og:image
Page title The destination's og:title, falling back to its <title> tag, then to your link's Title
Description The destination's og:description, falling back to your link's Description
Countdown button The Countdown setting; clicking it redirects immediately
Take Me Back Sends the visitor back in browser history
Disclaimer Fixed text stating you aren't responsible for the destination
Footer Your site name and the current year

URL Shortify fetches that preview information from the destination page itself, so you don't have to enter anything by hand.

Preview data is cached

Fetched preview data is cached for 24 hours, so the splash page stays fast and the destination isn't requested on every click. If a fetch fails, it retries after an hour. Change a destination's social image and it can take up to a day for the splash page to catch up.

If the destination has no Open Graph tags at all, the splash page still works — it simply falls back to your link's own Title and Description, and hides the image area.

How the redirect behaves

  • The splash page is served with a 200 OK, not a redirect status.
  • It carries noindex, nofollow, so search engines won't index it.
  • After the countdown reaches zero, the browser navigates to the destination via JavaScript. Clicking the countdown button does the same thing immediately.
  • The click is recorded when the splash page is served, so your statistics stay accurate whether or not the visitor waits for the countdown.

JavaScript is required

The automatic redirect runs in the browser. A visitor with JavaScript disabled will see the splash page but won't be moved on automatically. If you need a redirect that works without JavaScript, use Meta Refresh or a standard 301/302/307 redirect instead.

Styling the splash page

The splash page is self-contained — it doesn't load your theme — and is styled by its own stylesheet. You can override any of it with CSS.

The available class hooks are:

Class Element
.kc-splash-wrap Outermost wrapper — set the page background here
.kc-splash-card The card containing everything
.kc-splash-inner Image and content, side by side
.kc-splash-image Preview image container
.kc-splash-content Text column (gains .kc-no-image when there's no image)
.kc-splash-heading "You are about to be redirected…" heading
.kc-splash-actions Button row
.kc-splash-btn-primary Countdown button
.kc-splash-btn-back Take Me Back link
.kc-splash-divider Rule above the disclaimer
.kc-splash-disclaimer Disclaimer paragraph
.kc-splash-footer Copyright footer

For example, to give the splash page a dark background and a branded button:

.kc-splash-wrap {
    background: #0f172a;
}

.kc-splash-card {
    background: #1e293b;
    border-radius: 16px;
}

.kc-splash-heading,
.kc-splash-disclaimer {
    color: #e2e8f0;
}

.kc-splash-btn-primary {
    background-color: #f97316;
}

Because the splash page doesn't load your theme, adding this in Appearance → Customise → Additional CSS won't reach it. Enqueue it from a small plugin or your theme's functions.php instead:

add_action( 'wp_enqueue_scripts', function () {
    wp_enqueue_style(
        'my-splash-overrides',
        get_stylesheet_directory_uri() . '/css/splash-overrides.css'
    );
} );

Splash Page vs the other redirect types

Type What the visitor sees Address bar shows
301 / 302 / 307 Nothing — instant redirect Destination
Splash Page Interstitial with preview and countdown, then the destination Destination
Meta Refresh Brief blank page, then the destination Destination
Cloak Destination loaded inside your page Your short URL

Use Splash Page when you want visitors to know they're leaving. Use Cloak when you want the opposite — see Link Cloaking.

Troubleshooting

No preview image appears. The destination has no og:image tag, or the image couldn't be loaded. The splash page hides the image area automatically and shows the text on its own.

The preview shows outdated information. Preview data is cached for 24 hours. Wait for the cache to expire, or change the link's destination URL to force a fresh fetch.

The countdown doesn't move. JavaScript is blocked or has errored in the visitor's browser. The countdown button still works when clicked.

The splash page is showing my old design. The stylesheet is versioned against the plugin version, so a browser refresh normally picks up changes. If you use a CDN, purge it after updating the plugin.

FAQ

What is a splash page redirect?

A splash page is a short interstitial screen shown before a visitor reaches the destination. It previews where they are going, counts down, and then forwards them automatically.

How do I change the splash page countdown?

Go to Settings → Links → Splash Page Settings and set Countdown (seconds). It applies to every splash link and accepts values between 1 and 60.

Where does the splash page preview image come from?

From the destination page's Open Graph tags. URL Shortify fetches them and caches the result for 24 hours, falling back to the link's own title and description if the destination has none.

Does a splash page hurt SEO?

The splash page is marked noindex, nofollow, so search engines do not index it.

A splash page tells visitors they are leaving your site and then sends them on. Cloaking does the opposite: it loads the destination inside your own page so your short URL stays in the address bar.

Was this page helpful?

Previous
Slug & Link Prefix Settings