Magzclub is a magazine gift redemption website built in Framer, designed to turn a simple gift-code process into a polished, branded experience.

The website lets users enter a gift code, validates the code, routes them to the correct magazine offer, and controls access to offer pages based on whether the code is verified. Once a user claims a subscription, the site also triggers email notifications: the site owner receives the claim details, and the user receives a confirmation email.

While the website was visually designed and built in Framer, the redemption system required custom development because Framer does not natively support gated offer access, session-based validation, custom claim states, or automated email workflows out of the box.

Project type: Framer website + custom development Industry: Magazine gifting/subscription redemption Role: Framer design, responsive build, custom React overrides, redemption logic, gated access, claim flow, email notification setup Core features: Gift-code verification, offer routing, gated pages, subscription claim handling, owner notification email, user confirmation email

Magzclub needed more than a standard marketing website.

The site had to support a real redemption flow where users could enter a gift code, unlock the correct magazine offer, and claim their subscription. At the same time, the site owner needed to be notified whenever a claim was submitted, and users needed to receive confirmation so they knew their request had gone through.

The challenge was that Framer is excellent for visual websites and landing pages, but it does not natively support this kind of custom product logic.

The website needed to handle:

Gift-code input and validation

Code-based routing to the correct offer page

Temporary access control for offer pages

Verified and unverified page states

Claim button protection

Hidden gift-code passing during form submission

Owner notification emails

User confirmation emails

The goal was to keep everything inside a Framer-built experience while still making the site behave like a lightweight redemption platform.

I built a custom redemption system inside Framer using React overrides and custom form logic.

The gift-code system captures the user’s input, normalizes the code, hashes it using SHA-256, checks it against valid code hashes, and routes the user to the correct offer page. The system also stores a temporary browser session so the user can access the correct offer page for a limited time.

On the offer side, custom access checks make sure users cannot simply visit protected offer pages directly without first verifying a valid gift code. The claim flow also carries the verified gift code forward, so each subscription claim can be connected back to the code that unlocked it.

After the user submits the claim form, the email workflow supports two important actions: notifying the site owner about the new subscription claim and sending the user a confirmation email. This gives the business visibility into every claim while also giving users confidence that their submission was received.

The entered code is normalized, hashed, and checked against predefined valid code hashes. This keeps the flow cleaner than exposing raw codes directly in the visible website logic.

Each valid code is mapped to a specific offer page, allowing Magzclub to support multiple magazine campaigns from a single redemption entry point.

Offer pages are protected using custom access logic.

The page checks whether the visitor has a valid session, whether the saved code hash matches, whether the session has expired, and whether the user is on the correct offer page. If the user is verified, they see the claim experience. If not, they see a blocked or unverified state.

After a successful code verification, the site stores a temporary browser session using sessionStorage.

This allows the user to continue through the claim flow without re-entering the code immediately, while still preventing permanent access.

Custom Framer overrides control what users see based on their access status.

The site can show checking states, verified content, invalid-code messages, disabled claim buttons, and safe gift-code displays. This makes the experience feel like a product flow rather than a static page.

The claim flow includes hidden gift-code handling so the verified code can be passed along with the user’s submission.

This is important because the site owner needs to know which gift code was used for each subscription claim.

Once a user claims a subscription, the site supports email notifications for both sides of the transaction.

The site owner receives a notification with the subscription claim details, helping them track and process new claims. The user receives a confirmation email, which reassures them that their claim was submitted successfully and gives the experience a more professional, trustworthy feel.

Without custom development, Magzclub would have been limited to a simple Framer landing page and basic form.

The custom system turned it into a functional redemption experience:

Users can enter and verify gift codes

Valid users are routed to the correct offer

Offer pages are protected from direct access

The verified code is carried into the claim process

The site owner gets notified when a claim is submitted

The user receives a confirmation email after claiming

The business can manage multiple offer campaigns through one branded website

This allowed Magzclub to stay visually managed in Framer while still supporting product-like behavior.

The final Magzclub website combines Framer’s visual design flexibility with custom React development and email workflow logic.

Instead of sending users to a generic form, Magzclub now provides a branded gift redemption journey: users enter a code, unlock the right offer, claim their subscription, and receive confirmation. At the same time, the site owner receives the claim details, making the website useful not only for users but also for operations.

The result is a lightweight redemption platform built inside Framer.

Magzclub is a custom Framer website for magazine gift redemption. I designed and built the site in Framer, then extended it with custom React overrides to support gift-code verification, SHA-256 hash matching, temporary session access, gated offer pages, conditional content states, claim-button protection, hidden gift-code form handling, and email notifications for both the site owner and the user. The result is a branded redemption experience that behaves more like a lightweight web app while still being managed inside Framer.