How to Customize Text and Elements in Your Interacty Project


Interacty provides a range of tools to tailor your projects to your specific needs. However, sometimes you might need to make precise changes. In this tutorial, we'll walk you through the process of customizing text or other elements within your Interacty project.

Let's imagine you've created a beautiful game with a gamification feature. However, instead of having your customers enter their phone numbers, you want them to input their first and last names. Let's address this specific need by customizing the text.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/DH6EaCMQey8X5uu4fSPSa4JJx3ntjAkLBZjQDUMs.gifgif

Step 1: Access Custom Translations

Begin by opening your project in the Interacty editor. Locate and click on the "Custom Translations" button. This is the key to making the desired changes.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/uMGGQtv6JgYdgTHSXo6iB99zmw82ayvWSqrRuB9F.gifgif

Step 2: Examine Project Text Details

After clicking "Custom Translations," click on the "Parse Text" button to reveal all the text elements within your project.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/rUsyXvmX1IWW9M9yXozzeQLiZZe1zjznQA2UATXp.gifgif

Step 3: Identify and Modify the Targeted Element

Scroll through the list of project text elements until you find the one you want to modify. In our example, let's change the "Nickname" field to "Enter your first and last name". Once you've located the "Nickname" field, click on the green plus icon beside it to initiate the modification process.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/cjeGrSzEq5fHmSpti8H56Rjnqy17eXJXW9pyjPII.gifgif

Step 4: Specify the New Text

In the pop-up window, specify the language you want the text to appear in. For our example, we're changing "Nickname" in English to "Enter your first and last name" in English, so enter "en" in the language field. If you're from another country and wish to use another language, input the appropriate language code instead of "en" for English.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/4hETUHgyugd9fkpJam2D5fHBlCCQfJJHfSwZcufy.gifgif

Step 5: Customize the Text

After specifying the language, you'll notice a new "en" field alongside the "Nickname" option. Click on the edit icon (pencil) next to "en" to enter the text you want users to see. In our case, type "Enter your first and last name".

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/yeFH9CMaEQfrs8ZZngwNPxin13EKuLcNTArgf5Ou.gifgif

Step 6: Save Your Changes

Once you've entered the desired text, click "Save" to save your changes.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/TwWwkK33LTNv84r7IMrdT6Y4dogAumcvoUWZ10sM.gifgif

Step 7: Congratulations!

You've successfully customized the text or element in your Interacty project. From now on, users will see the new custom text ("Enter your first and last name" in our example) instead of the original "Nickname" field.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/Bqn7J3Su9mH6bNEWvsmLNOKBBwwG5nYPlGduQnU1.gifgif

Conclusion:

You can use this method to modify any text, fields, buttons, or elements within your Interacty project to better suit your needs. Good luck with your customized project! 🎉


Was this article helpful?