Sometimes, working with Elementor dynamic content on your WordPress website, you may want to string together multiple dynamic values, and display them in a single widget as text with more than one dynamic elements to it.
This seemingly simple operation is not actually as straighforward as one may think. Let's say our client is selling food for cats and dogs, and the products are available in both bags and cans. So we have dog food cans, dog food bags, cat food cans and cat food bags. But we're using the same template for all 4 pages.
So to properly display what the end user will be looking at, we need a dynamic value for the animal, and one for the type of food. If we try using a title widget, we have only one value available, and then non-dynamic before and after texts. That won't cut it.
Sometimes, working with Elementor dynamic content on your WordPress website, you may want to string together multiple dynamic values, and display them in a single widget as text with more than one dynamic elements to it.
This seemingly simple operation is not actually as straighforward as one may think. Let's say our client is selling food for cats and dogs, and the products are available in both bags and cans. So we have dog food cans, dog food bags, cat food cans and cat food bags. But we're using the same template for all 4 pages.
So to properly display what the end user will be looking at, we need a dynamic value for the animal, and one for the type of food. If we try using a title widget, we have only one value available, and then non-dynamic before and after texts. That won't cut it.
Dynamic Composer Kit.
What we can do is use the Dynamic Composer Kit by Gloo. There's an in-depth tutorial on this already, but to make it quick, using the composer widget you can easily write any HTML that you want – or just plain text- and replace sections of it with as many variables as you want. A bit like writing PHP, but in a way that even if you can't really code, is extremely intuitive. But if you know HTML well, you can set up your tags for SEO and structure purposes.
Now that's one way to use the Composer Kit. You can also use the text field to make calculations between your values and print out the results. There's way more to it like a new custom CSS field with more options than before. This makes the Composer Kit a great feature for those designers and developers that love tinkering around with what they're making, providing an hands-on approach on the dynamic content that gets displayed on the page.
