Introduction to GemMeter

In this article, you'll learn everything about GemPages' newest feature - GemMeter


About GemMeter

What is GemMeter?

GemMeter is an automated built-in tool capable of analyzing elements, evaluating page performance, and providing design suggestions for your landing page in an instant. Powered by thorough knowledge of the eCommerce industry and best common practices, GemMeter helps detect design mistakes, enhance readability, and ultimately improve your conversions. 



Why is GemMeter important?

GemMeter is created to assist users in building high-converting landing pages by offering practical suggestions for better page optimization.


Where can I get GemMeter?

Note: GemMeter is available only when you design a Landing Page

For first-time use: The moment you drag and drop an element onto the page, the GemMeter icon will automatically show up as a sticky blue gauge button in the bottom right corner of the screen.


To start using GemMeter, follow these steps:

Step 1: Click on the GemMeter icon to open the onboarding pop-up that gives a brief introduction to the feature.

Step 2: Hit Continue, and you’re all set!



From the second time onwards: GemMeter will only appear when there is an error found, and there are no further steps required.


How to Use GemMeter

After the initial app Onboarding process, the GemMeter icon will only appear when there is an error found on your landing page, following GemMeter Scoring rules.

GemMeter Status
The status of the circle surrounding the GemMeter icon indicates whether there is any error found or not. Only when your page is error-free does a full circle show up. 


Click on the GemMeter icon to check the error(s) found when the circle is not complete

When GemMeter is not opened, the icon shows the GemMeter logo.

When GemMeter is opened, the icon shows emojis that express how satisfying your landing page is.

Steps to use GemMeter

Step 1: Trigger the GemMeter pop-up:

From the editor, click on the GemMeter icon, then you will see a list of errors found on your landing page and suggestions to solve them respectively.

The GemMeter icon isn't moveable, while the pop-up window is.


Step 2: Optimize your landing page based on correction suggestions:

CTA buttons:
It’s ok for me”: To skip the suggestion for the error found and all future suggestions of the same type. 

Show it”: To be directed to where the error is, in which the examined element and the exact Settings section that needs fixing are highlighted for you. From there, you can follow GemMeter’s recommendation by accepting the suggested settings, then click Done to confirm the change. After that, you will be taken to the next error found.  

List of checked errors: Click on the bullet list icon to open the list of errors that have been reported by the GemMeter scoring system.



The errors are listed in priority order: Critical impact > High impact > Medium impact. You can click on each box to see the detailed feedback from GemMeter and optimize your landing page accordingly.

Step 3: Finish:

After checking all errors found, you can click on the Close button or move the pop-up window to another place to continue editing your page. You can also give feedback on GemMeter’s performance by clicking on the Star icon on the top bar.

Error Checklist

Currently, GemMeter can detect 13 errors as below.


No. Error name Error status after being resolved Requirement Priority Applicable elements
1 Lengthy headline Concise headline The headline length should be under 70 characters High impact Heading, (P) Title
2 Hard to read text Readable text Font size should be at least 10 pixels across all devices High impact Heading, Text Block, (P) Title, (P) Description
3 Unnoticeable button Visible button The contrast level must reach at least AA level (use WCAG to check at Medium impact (P) Cart Button, Button
4 Hard-to-read button Accessible button All buttons should be at least 38 pixels in height High impact (P) Cart Button, Button
5 Missing button link Functional button All buttons must always contain URL links and specific actions you want web visitors to take High impact Button
6 Missing call-to-action button Activated call-to-action There must be at least one button on a page High impact (P) Cart Button, Button
7 Lengthy call-to-action Clear call to action CTA text length is under 24 characters Medium impact (P) Cart Button, Button
8 Missing URL source video Fulfilled video All videos must include URL sources Critical impact Video Popup, YouTube, Video Background, Vimeo
9 Incorrect field name Correct field name Format must be contact[XXXXX] (contact[name], contact[phone] or contact[email])
All Name fields must be unique
Critical impact Contact Form, Newsletter, Email Field
10 Weak sense of urgency Strong sense of urgency The duration set for your Countdown Timer should not exceed 48 hours Medium impact Countdown Timer
11 Weak sense of trust Trusted page The page has integrated with at least one third-party Review app, using GemPages elements for Review apps  High impact GemPages elements for review apps
12 Lengthy page Optimal page length

Page length on mobile should be under 3000 pixels

(Note: This error will only be reported by GemMeter when the user switches to the Mobile version on the editor)

Medium impact N/A
13 Different heading font Consistent heading font All headings should use the same font family Medium impact Heading


Do you still have any questions about GemMeter? Don’t hesitate to get in touch with our customer support via email or live chat, as we’re always here to help.



Was this helpful?