Custom Code

For those with coding expertise or specific customization needs, custom code can take your app's appearance and functionality to the next level.

Noloco provides a powerful platform for building intuitive apps without code. But, for those with coding expertise or specific customization needs, we offer a "Custom Code" feature to help you take your app's appearance and functionality to the next level.

What is Custom Code?

Custom code allows you to add specific lines of CSS or JavaScript directly into your Noloco app. By injecting this code, you can modify the default appearance and behavior of elements within your application.


How to Use Custom Code:

There are two sections designated for custom code:

  1. Header Section: Typically, this is where you'll add CSS and styling to give your app a unique appearance. It allows you to adjust the color scheme, fonts, spacing, and much more.

  2. Before Closing Body Tag: This section is ideal for adding JavaScript libraries. Here, you can introduce scripts that can enhance the interactivity and functionality of your app.

Examples of What Can be Achieved:

  1. Styling Overhaul: With CSS in the header, you can adjust the overall theme of your app to align it more with your brand's identity. This can include changing button colors, font styles, or adding specific animations to elements.

  2. Enhanced Interactivity: With JavaScript in the body section, you can integrate third-party tools or libraries. For instance, you might introduce a chatbot, pop-up notifications, or even specific animations that trigger upon user actions.

  3. Specialized Functionality: Depending on your app's objective, you might want it to perform a unique action that isn't inherently available in Noloco. With JavaScript, the realm of possibilities expands immensely.


Benefits:

  1. Enhanced Interactivity: With JavaScript in the body section, you can integrate third-party tools or libraries. For instance, you might introduce a chatbot, pop-up notifications, or even specific animations that trigger upon user actions.

  2. Integration with Analytics and Add-ons: The custom code feature can also be used to integrate analytics tools, chat tools, or other third-party add-ons that you'd like to embed into your Noloco app. This helps in better understanding user behavior, increasing engagement, and offering a more immersive experience to your users. šŸ” See our guide to implementing Intercom Chat in your app

  3. Specialized Functionality: Depending on your app's objective, you might want it to perform a unique action that isn't inherently available in Noloco. With JavaScript, the realm of possibilities expands immensely.

Points to Remember:

  1. Availability: The custom code feature is not available during your trial. Once you opt for a full subscription, you can access and utilize this feature.

  2. Tread with Caution: While the power to customize is beneficial, it's crucial to use this feature sparingly. Over-customization can make it challenging for our support team to assist you with issues in your app, as custom code can introduce complexities.

  3. Seek Expertise If Unsure: If you're unfamiliar with coding, it might be best to seek expertise before implementing changes, to ensure the integrity and smooth functioning of your app.

Last updated