At Limio, we understand that to deliver outstanding customer experience, you need to be able to test and feel what your subscriber will see and experiment with the various features of Limio.
Testing helps you to replicate and preview the shop, see how it works and go through the customer journeys before publishing them live.
In this tutorial, we will assume you are already familiar with creating your page on the Limio Page Builder. If you are not, have a read at User Guide: Create, configure and deploy your Limio Shop.
Testing changes made on the Limio Shop
If you want to preview any changes that you've made to your shop, you'll need to begin by saving the current build. The 'Save' button can be found in the top right corner of the page builder:
Once saved, Limio will automatically begin to create a new 'build' of your Limio Shop. To see all Builds, click the 'Builds' button next to 'Save'. A build usually takes 2-3 minutes depending on the size and contents of your shop ("In Progress").
When the build is finished, a "Go to Preview" link becomes available. This will direct you to the latest version of the build you saved.
To verify that your page is in a test condition, the URL at the top of the page should contain "/_next " followed by the name of your campaign.
Testing payment methods
Limio can also be used to test different payment methods at the checkout (Visa, Mastercard, Regulatory Cards...) or generate specific responses and errors (Successful and Declined...).
For this example, we'll be walking through a successful Visa payment checkout. This is the Stripe generated 'Visa card' number, generally accepted by most payment gateways.
Once you've hit preview on the page, click on 'Subscribe' on an offer. Once you're on the checkout page, on the bottom right there is an attribute that shows you if you're in 'Test mode'.
If this attribute is blue, then you are in test mode and the customer details that you enter will be test one.
On the "Payment" page, enter the card details in accordance with the specific response you wish to carry out. In the example below, we've used a standard "Visa Card" test details:
You will then be directed to a confirmation page to inform you the test was successful.
Testing the 'Order Complete' process
With every order that's completed, a confirmation email is sent to the email the customer signed up with.
To configure the layout of the confirmation emails, go to your account by clicking on the top-right corner, click on "Developer", then on the left-hand tab click on "General Settings", then "Email".
You'll then be required to fill in the required fields to populate the confirmation email:
Make sure to save once you have completed/made any changes to the fields. Currently, the only possible way to preview confirmation emails is by inputting your email in the test checkout process and completing the order. You will see a 'false' flag to confirm this is a test order.
To receive an email, you will need to provide a real email address. To learn how to rapidly use different test email address, read How do I test multiple orders for different customers but still see the emails, self-service portal, and different subscriptions and orders?.
Testing the Customer Self-Service Portal and Manage My Account
To test Manage My Account, you will need to create an Authenticated Page in the Limio app. For example, create a /mma page in the Pages section of your Limio app.
If you try to navigate to the /mma page, you will be prompted for login details. The look and feel of the authentication page can be configured in your Limio Settings > Customer Login.
Click on 'No Account?' and provide the email you used for the order. You will receive a validation code in your email. Provide the code, create a password and log in.
Et voilà, you will see the Manage My Account page.
To see how you can further test the 'Manage My Account' section, read our tutorial here.
Why does the build take 2-3 minutes? I want to see my campaign immediately.
Limio uses GatsbyJS, a site generator of static websites. Static generators pre-create all the online pages before the customer access your website so that when the customer actually arrives on the page, there is nothing to load beside a file stored on a server. This means that the page loads extremely quick for customers. This also makes the Limio Shop secure and low-maintenance, as each page is just a file hosted on a server (which can be stored closed to the customer, for example, an Australian customer will see the file hosted on an Australian server). You can learn more about GatsbyJS here: https://www.gatsbyjs.org/.
However, this also means the page needs to be built before it can be previewed. To circumvent that, Limio includes a 'Quick Preview' feature, which allows you to instantly preview your page without waiting for the Build. This is especially handy to preview styling changes.
Please note that Quick Preview does not allow to place a test order or navigate away from the page.
How can I test other payment methods or specific responses like Strong Customer Authentication or 3DSecure response?
This depends on which payment gateway you are using. If you use Stripe, go to https://stripe.com/docs/testing, which contains all the keys to create different outcomes (Incorrect Details, Declined, Further Authentification...).
If you use another payment gateway, please search on your payment gateway help desk for test cards or contact us firstname.lastname@example.org. We're always happy to help.
How do I keep track of the edits I make on the confirmation emails?
You can only track edits made to confirmation emails by resending the email to yourself.
How do I test multiple orders for different customers but still see the emails, self-service portal, and different subscriptions and orders?
As a standard, Limio creates the 'Customer' by aggregating all subscriptions and orders under the same email. To achieve testing across different customers, you will need to use Gmail and submit an order with a + in your test email address. For example, if your email is email@example.com, submit an order with firstname.lastname@example.org. You will still receive the email at your email address, but you will now see a different customer in Limio Subscription and you will be able to login in the self-service portal with email@example.com. Creating a Gmail account is free and takes a few minutes: https://accounts.google.com/SignUp.
My page builder was unsuccessful.
The most common reason for a page failing to load is a component with incorrect values, such as a script that could expose a security vulnerability. If the shop constantly fails, there may be an incorrect setting in the general settings.
If you continue experiencing unsuccessful builds, then contact the Limio support team at firstname.lastname@example.org and we will make it a priority to help you.