New UI Improvements and How They Simplify Your Experience

Explore the new features of our UI, from viewing your subscription details to accessing the affiliate program. Learn how these updates enhance your experience.

Published
February 20, 2025

We're committed to keep improving and making our features more accessible and user-friendly for our users. For these same reason, we have made some improvements in our user interface (UI) to make your 0CodeKit experience better. These are the changes in our UI:

Subscription Information

On the main page of our user interface we can now find useful information about our plan, such as which plan are we on, how many credits we have left, the start date of the plan, renewal date, and interval. In addition, there's a "Get Your Subscription" button for those users that want to change from the free plan to a paid plan. Finally, there's a second button, "Guides & Videos", that will take us to our "Get Started" page where you can find some guides and YouTube tutorials to get started with 0CodeKit.

Affiliate Program

We recently announced our affiliate program for those users that want to earn a commission by sharing 0CodeKit with their network. That said, we have added an "Affiliate" button to the menu bar or it can also be found by clicking on the profile icon, going to the settings, and click on "Affiliate program".

Once there, we will have to fill out a form, where we'll be asked to enter our full name, personal email address, to create a unique affiliate code, our PayPal email (for 0CodeKit to send the respective commission), the platforms where we plan to promote 0CodeKit, the interests of our audiences, and tell 0CodeKit where did you hear from this affiliate program.

Settings - Change Password

Amazing news! 0CodeKit users won't have to ask the 0CodeKit team to help them change their password. It can be found by clicking on the profile icon, going to the settings, and click on "Personal information". Here, we would only need to enter our old password, the new one, and confirm the new password.

Usage Table

Finally, we have change the appearance of our Usage Table to be a bit more practical. It now shows the endpoint that has been used (for example: ai/pictureobjectrecognition), how many times it has been used (table rows: 2), and how many credits has consumed based on how many times was the endpoint used (ai/pictureobjectrecognition has been used twice x credit cost of /ai/pictureobject recognition [500] = 1,000 total credit cost).

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.