Text Limiter

How to add Neue World's text limiter feature into your Webflow project?

‍

Step#1

Adding the script within Page Settings on Webflow.

Integrating our Text Limiting tool into your website is simple! Follow these steps to get started:

1. Click on "Pages" in the left navigation or press "P" on your keyboard.
2. Select the settings icon beside the page you want to add the script to.
3. Scroll down to the "Before </body> tag" section.
4. Simply copy the script we've provided and paste it here.

‍

Step#2

Set Element ID

To ensure the smooth functioning of our Text Limiting tool, you will need to add a ID to the text elements you want to limit.

1. Select the text element you want to limit.
2. Go to the Element Settings panel.
3. Add a custom ID with the following details:
   • ID: nw-text-limit


‍

Step#3

Set Custom Attribute

To ensure the smooth functioning of our Text Limiting tool, you will need to add a custom attribute to the text elements you want to limit.

1. Select the text element you want to limit.
2. Go to the Element Settings panel.
3. Add a custom attribute with the following details:
   • Name: nw-text-limit
   • Value: The maximum number of lines you want to display (e.g., 4).
     ‍

‍

Step#4

Publish Your Site

It's highly recommended to publish your site on a staging environment to ensure the script is working correctly. Once you have confirmed it, you can publish it to your primary domain.

By following these steps, you will have successfully implemented the Text Limiting feature on your Webflow site!

‍