Ecommerce Localization: How to Generate Images with Local Currencies and Languages

Localized content improves customer experiences while improving your business standing. Here's how to automatically localize pricing graphics with nocode tools.
by Julianne Youngberg ·

Contents

    As e-commerce becomes increasingly globalized, businesses are faced with both challenges and opportunities. On one hand, they can access production, markets, and content all over the world. On the other, such a diverse array of customer demographics means approaching them in very different ways.

    Serving a global audience involves tailoring information for each specific market, including adapting images to suit the local audience. The benefits of localizing pricing graphics include:

    • Reducing friction for customers. Providing customers with information in their local language and currency cuts down on decision-making time and boosts conversion.
    • Improving search engine ranking. Search engines prioritize the most relevant content when presenting results to users, so websites that maintain a high standard when contextualizing their message are rewarded accordingly.
    • Establishing trust. People want to pay in currencies that feel familiar, which is why sites that localize experience up to 40% increase in conversion rates. Reinforcing to customers that you value their experience with tailored information builds trust over time.

    Some images will require human attention, such as when adapting the imagery and tone to suit the target market are necessary. Others—like pricing graphics—can be automatically produced with translated captions and local currencies.

    Generating banners with local currencies and languages is possible with a code-free combination of tools. In this article, we’ll walk you through how to automatically translate text, convert currencies, and produce a collection of images ready for use.

    What You Will Create

    Localized e-commerce banners are much more compelling than those in unfamiliar languages and currencies. We’ll be using a few tools to translate text, convert currencies, and produce multiple images that you can easily add to websites, social media, and newsletters.

    Here are the tools you’ll need:

    • Airtable : To store pricing data, translate text, and convert currencies
    • Bannerbear : To produce dynamic pricing graphics
    • Zapier : To build automated workflows with multiple apps

    Note that because we’ll be using Airtable AI to translate text and currencies, you will need a Team, Business, or Enterprise account.

    By the end of the tutorial, you should be able to produce pricing graphics localized to specific regions and languages:

    Three localized promotional graphic samples generated with Bannerbear

    Let’s get started!

    Design a Bannerbear Template

    Bannerbear’s image generation API helps you generate unique images based on a template. You can define fields as dynamic or static, and customize them however you want.

    Design a template by logging into your Bannerbear account (create a free trial account if you don’t have one—no credit card required! 🎉).

    Navigate to the Projects tab and click New Project. Then, decide whether you want to start from scratch or use one of the templates in our pre-made template library, such as this one:

    Bannerbear White Grey E-commerce Simple Price Graphic template

    The fields on your template will vary depending on the type of graphic you’re generating. E-commerce pricing graphics will often have dynamic fields for:

    • Headline
    • Description
    • Price
    • Image

    You can also add static fields for text or images that won’t be changing from image to image.

    Edit colors, text, layout, and other items until you’re happy with your design.

    Screenshot of Bannerbear template editor

    Click Save Template.

    Bear Tip 🐻: Take your image localization to the next level by designing multiple templates, each localized for their target audience with different images, color schemes, or fonts.

    Create an Auto-translating Airtable Base

    E-commerce platforms like Shopify, WooCommerce, and Magento often have built-in currency localization features—but not for images. However, you can use various tools to translate and convert currencies. Some databases offer extensions or integrations for this purpose. Additionally, integrating with large language models (LLMs) such as ChatGPT can help deliver tailored content. While these tools are not always accurate, they can be a fantastic start.

    This tutorial focuses on using Airtable's AI tool designed for use with their database to simplify the process. We’ll start with a base that already has all the information needed for generating a promotional pricing graphic: headlines, prices, images, and more.

    Screenshot of Airtable base with sample data

    Now, let’s set up Airtable AI to translate and convert currency amounts for different audiences.

    Enable Airtable AI on Your Base

    Airtable AI can be enabled on any paid self-serve plan, with more LLM models available for enterprise customers. Click Get Started on the feature landing page to add Airtable AI to a workspace.

    Screenshot of Airtable AI landing page with red arrow pointing to get started

    Alternatively, go to the workspace’s settings and add Airtable AI as an add-on.

    Once Airtable AI has been added to a workspace, it can be accessed in any base within it.

    Add AI Fields to Translate Text

    Generating translated text with Airtable AI is quite simple as a template is provided. Create a new field on your table, and select AI.

    Screenshot of Airtable base new field with AI field type outlined in red

    Click Generate text. You can start with a custom brief, but for translation, it’s easier to use a template. Click Start with a template.

    Screenshot of Airtable base AI field setup with start with a template button outlined in red

    Select the Translation template listed under General.

    Screenshot of Airtable base AI field setup with translation field type outlined in red

    You can now set up the template by choosing the field you want translated and specifying a language. You can also add additional instructions.

    Click Generate preview to test the generation.

    Screenshot of Airtable base AI translation field setup with configuration indicated in red

    Bear Tip 🐻: Use the custom instructions field to set rules for punctuation, such as when you’re using secondary fonts (strings must be enclosed in asterisks) in Bannerbear.

    Save with the Use template button once you’re happy with the output.

    Screenshot of Airtable AI translation field setup with red arrow pointing to use template

    Click Create field , then click the Generate button to show the AI-translated output.

    Screenshot of Airtable base with red arrow pointing to generate button

    Repeat this step with as many fields as necessary.

    Add AI Fields to Convert Currency

    Create another AI field, but click Start from scratch instead of using a template.

    Screenshot of Airtable AI field setup with start from scratch outlined in red

    Because we’re converting both currency amount and symbol while also translating any additional words, we have to write a brief that takes everything into consideration.

    You have several options when it comes to currency exchange rates. Many shops choose an average that suits their sales strategy and produces a round number, then modify it as needed. If you need the current exchange rate, you can connect a currency exchange API with Zapier or the DataFetcher extension.

    For the sake of simplicity, we’ll use a rounded exchange rate, which can be modified later on if needed.

    Screenshot of AI field setup with brief outlined in red

    Generate a preview to see if you get the desired results, then save and add the field to your table.

    Create a View for Generating Graphics

    Having a separate view that only displays records that are ready for graphic production will help you filter through drafts. It will also act as your trigger for image generation.

    One easy way to filter for prepared records is to add a checkbox field, then create a view that filters for records that have been checked.

    Click the + sign next to Grid to create a new view, then add a filter that only shows when records are checked. You can also add other filters to separate certain types of campaigns from others.

    Screenshot of Airtable view with ready filter outlined in red

    Make sure to have at least one record in this view as you will need it for testing the automation.

    Set up a Zap to Create and Save Localized Images

    All the information you need is now on your Airtable base, and it’s time to generate a set of images with them.

    Log into your Zapier account, click + Create Zap , then set up the following steps:

    Trigger: New Record in Airtable

    Choose Airtable as the app and New Record as the event. If you haven’t connected your account yet, you will be prompted to do so.

    Specify the base, table, and view that contains your filtered items.

    Screenshot of Zapier Airtable new record trigger

    Test the trigger.

    Action: Create Image in Bannerbear

    Choose Bannerbear as the app and Create Image as the event. You will need to connect the project using the key found on the “Settings / API Key” page of the corresponding project on the Bannerbear app.

    To set the action up, select your template and map your database values to their corresponding fields.

    Screenshot of Zapier Bannerbear create image action

    Test the action. You can see the generated image using the URL in the output feed or in the Logs section of your Bannerbear app.

    Repeat this action with as many sets of localized information as needed.

    Screenshot of extended Zapier image generation task

    Your zap should produce an entire set of images, each localized with your chosen language and currency.

    Three localized promotional graphic samples generated with Bannerbear

    You can continue the automation however you want, such as by adding a step to save URLs to Airtable, uploading the photos to a storage solution, or even directly publishing on promotional channels.

    Catering to a Global Audience

    Localized content improves customer experiences while helping you improve your business standing. But because images aren’t as easy to localize compared to text, it’s important to put some effort into creating graphics that blend seamlessly into users’ contexts.

    Automation tools like Bannerbear, Zapier, and Airtable can help you produce localized images without having to translate and convert currencies manually. These graphics can then go towards use cases like:

    • Customized promotional codes for regional users
    • Contextualized advertisements
    • Localized websites

    And much more!

    If you want to learn more about e-commerce image generation use cases, check out these articles:

    👉 How to Create Dynamic Price Graphics with No Code Automation

    👉 3 Ways to Dynamically Change Text Color in Your Bannerbear Images

    👉 How to Make a T-Shirt/Merchandise Mockup Generator Using Bannerbear in Node.js

    About the authorJulianne Youngberg@paradoxicaljul
    Julianne is a technical content specialist fascinated with digital tools and how they can optimize our lives. She enjoys bridging product-user gaps using the power of words.

    How to Automatically Create Translated Banner Graphics for Multilingual Websites Using GPT-4o and Bannerbear

    OpenAI’s advanced language models significantly enhances text-related tasks, especially with the GPT-4o. In this article, we’ll guide your through the steps of using GPT-4o and Bannerbear to automate the translation and generation of banner graphics in various languages for multilingual websites.

    Top Cloud Hosting Apps for Image and Video Automation

    Cloud storage services differ in terms of delivery, security, configurability, and pricing. Here's how to compare your options and choose the best for your image and video automation needs.

    3 Ways to Translate Content in Airtable

    Powering your database with translation features can save time and resources. Here's how you can set your Airtable base up to translate content in-app.

    Automate & Scale
    Your Marketing

    Bannerbear helps you auto-generate social media visuals, banners and more with our API and nocode integrations

    Ecommerce Localization: How to Generate Images with Local Currencies and Languages
    Ecommerce Localization: How to Generate Images with Local Currencies and Languages