ScanCode – Subscription & Page Building

As users land on the page, they see CTA buttons offering them to sign up. If they choose to proceed, the website takes them to the register page and then, to plan selection. Plans are WooCommerce products, and by clicking on one, users automatically move on to checkout where they can pay with a card or by ACH system. Should they decide to switch ot another plan, they can do it from the account in a click.

From their accounts, users can edit their personal information and payment data – account management is flexible and handy. The accounts also provide access to the main functionality – QR code generation and landing page building.

The home page of the ScanCode website comprises all the information in the anchored sections instead of keeping it on separate pages. The Pricing block shows the price dynamically – depending on the selected payment frequency. The CTA blocks lead users to registration and then, to the cart. At the bottom of the page, the FAQ accordion block displays the information about the service.

The service works as a paid subscription with different permission levels. The Starter, Pro, and Complete plans allow users work with limited or full set of templates, respectively. Aside from the regular signup/login, users can sign in using their Google or Facebook accounts.

The subscription functionality is based on WooCommerce with custom features created specifically for ScanCode. That includes a custom cart and checkout, and especially a custom account and the functionality available in it. If the user would like to renew their subscription automatically, they have an Auto-Renew toggle. To change the subscription plan, users can select the new one right in the account, choose the preferred payment plan (monthly or annual) and method (cards, Alipay, Apple/Google Pay, or ACH), or cancel it if necessary. The account also allows setting up ACH direct debit.

Apart from the mentioned payment functionality, the account provides other user settings. Users can change their profile photos by uploading one from their device, editing their payment and billing information, and managing security settings. All settings are conveniently located in the menu.