Click on the "Install" button. We recommend that you install the app in a test environment of your store. If you install the app in the live environment of your store, you should create a complete backup of your store beforehand, as the installation of new apps can always lead to incompatibilities and, in the worst case, to your store not functioning.
In the next step, you will be shown which authorizations the app requires. Agree to the requested authorizations and click on "Install" to continue with the installation of the app.
Once the installation is complete, you will be taken to the start page of the app. The app is also displayed in the menu on the left side. By clicking on the pin symbol to the right of the title, you can pin the app to the navigation bar.
Below, we explain how you can set up the app after installation.
You can also visit the plans page of the app, where you can see various subscription plans along with their respective prices and features. In the left sidebar of your Shop Admin, under "Numbers and icons", click on "Plans". On our plan overview page, you can switch between different plans. Click "Select Plan" in the box of the desired plan. Choose between the Free Plan, which provides basic functionalities ideal for getting acquainted with the app, and the paid Pro Plan. The Pro Plan offers advanced features such as custom CSS, individual color options, speed settings, and more to ensure you select the option that best suits your needs.
In your Shop Admin, navigate to the left-hand sidebar and click on "Online Store". From there, select your desired theme and click "Customize" next to it to open the theme editor. In the top bar, use the dropdown menu to choose the template where you want to add the animated numbers and icons. Next, click "Add Block" in the section where you wish to place the block.
In the "Apps" section, you will find the blocks provided by the app. Click on the block you wish to add to your template.
Once you have added the block to your desired section within your template as mentioned in the previous step, it will appear in the theme editor's left sidebar under the corresponding section. Click on the block to set your desired content and settings for the block. Here, you can customize the content, the appearance, and other options for the blocks.
If you have opted for the Pro Plan, you can make various adjustments within the block, such as selecting the animation speed.
Save your desired settings by clicking the "Save" button located in the top right corner of the theme editor.
As certain theme, app, and shop configurations may affect proper functionality, it is recommended to test whether the block displays and operates correctly in your shop as intended.
You can set the number and label for the block.
Choose from predefined styles for the block or, alternatively, set individual colors. You can also utilize various color schemes.
Here, you can add additional custom CSS for the block.
Select whether the animated counters should count up very slowly, slowly, normally, quickly, or very quickly.