Adding Bablic to a web application gives you the abillity to control your site localization from the cloud. No i18n infrastructure needed! It doesn't matter in which language your site is written and you don't need to use any guidelines to start the integration. The installation takes a minute for any site. We provude you a translation memory system on our dashboard, or simply on top of your site. Bablic also offers:
- Automatic integration to human translation services.
- Machine translation.
- CSS modifications support.
- Bi-directional support.
- Language navigation widget.
- Image replacement.
Provisioning the add-on
Bablic can be attached to a Heroku application via the CLI:
:::term $ heroku addons:add bablic -----> Adding bablic to sharp-mountain-4005... done, v18 (free) -----> Localization is set from "en" to "es"
You'll notice the message saying you're site localization is set from english to spanish, those are the defaults locale codes. To define your site locale codes on provision:
$ heroku addons:add bablic --original=<ORIGINAL_LOCALE_CODE> --target=<TARGET_LOCALE_CODES>
$ heroku addons:add bablic --original=fr --target="de,hi" -----> Adding bablic to sharp-mountain-4005... done, v18 (free) -----> Localization is set from "fr" to "de,hi"
Once Bablic has been added, a
BABLIC_ID and a
BABLIC_SNIPPET setting will be available in the app configuration. The
BABLIC_SNIPPET is the client-side code that will be added to your HTML layout files. to integrate your web pages. This can be confirmed using the
heroku config:get command.
:::term $ heroku config:get BABLIC_ID 50101180ea87740200000137
After installing Bablic the application should be configured to fully integrate with the add-on.
Using with Rails 3.x
in your layout.erb file ( or any other html template file you're using )
<html> <head> <%= ENV('BABLIC_SNIPPET') %> </head> <body> .....
Exclude specific elements:
<div data-bablic-exclude> Text not for translation </div>
Include specific elements, even if their parents are excluded:
<div data-bablic-exclude> Text not for translation <span data-bablic-include> Text for translation </span> </div>
Using with NodeJS
in your layout.ejs file
<html> <head> <%- process.env.BABLIC_SNIPPET || '' %> </head> <body> ....
The Bablic dashboard allows you to: add or remove languages, translate content, revise bad translations, change locale detection & adjust language navigiation widget.
The dashboard can be accessed via the CLI:
:::term $ heroku addons:open bablic Opening bablic for sharp-mountain-4005…
or by visiting the Heroku apps web interface and selecting the application in question. Select Bablic from the Add-ons menu.
Migrating between plans
heroku addons:upgrade command to migrate to a new plan.
:::term $ heroku addons:upgrade bablic:newplan -----> Upgrading bablic:newplan to sharp-mountain-4005... done, v18 ($49/mo) Your plan has been updated to: bablic:newplan
Removing the add-on
Bablic can be removed via the CLI.
:::term $ heroku addons:remove bablic -----> Removing bablic from sharp-mountain-4005... done, v20 (free)
Before removing Bablic a data export can be performed from Bablic Dashboard.
Additional resources are available at: