Duda has a limited customization through the editor settings.
Most customizations comes from HTML & CSS coding.
Templates must be presented with the least customized code. Why?
Because code changes are locally, which means that when you change the code once, if you need to change that same code, it is already not being displayed for that second instance.
That being sad, some small details presented on the Figma file were not implemented, giving this a 100% clean Duda code, that can be coded withing the client website instead of the template.
For example, the comments section in Figma, represent the Google Reviews Widget, which is connected through external API, not available in Duda, that can be easily replicated with the correct widget.
The Tablet version for Duda Websites is still a long work in progress, most setups don't work on tablet vertical view.
Extra comments for website templates on Duda
Duda has a limited customization through the editor settings. Most customizations comes from HTML & CSS coding.
Templates must be presented with the least customized code. Why?
Because code changes are locally, which means that when you change the code once, if you need to change that same code, it is already not being displayed for that second instance.
That being sad, some small details presented on the Figma file were not implemented, giving this a 100% clean Duda code, that can be coded withing the client website instead of the template.
For example, the comments section in Figma, represent the Google Reviews Widget, which is connected through external API, not available in Duda, that can be easily replicated with the correct widget.
The Tablet version for Duda Websites is still a long work in progress, most setups don't work on tablet vertical view.
Global elements and SEO integrations
All Global elements are set under the Theme settings which can be found in the left menu.
Each page follows the best practices SEO, contrast and accesibility, usign best practices of tag hierarchy to propel the organic SEO positioning.
All images have their individual ALT text and each page has their own Meta Titles and Meta Description.
As a template, there is already the premade Analytics code under SEO & Settings > Head HTML. With this it's only a matter of copying and pasting the Analytics code if necessary.
Page Speed Insights
Click the link below to scan the website:
Page Speed Insight is not, by far, a reliable resource of SEO positioning, as it scans only technical activities through the website. The scan doesn't take many things into consideration, for example, the mobile version is always tested with the most basic connection, always giving us the worst Performance result.
The last testing on the desktop website showed the following results:
Custom Widgets
Custom widgets can be built using the Duda Widget builder. It gives more opportunities to work around Duda basic limitations.
I added the Floating Call Button with a custom popup message. With the widget, it's possible to add a pre-made custom message to be sent when the button is clicked.
Home Page Services is code styled. Unfortunately Duda does not allow multiple colors as background, but this can be easily done creating a custom widget. The mobile version section was left uncoded to show the difference.
Promotions page section is style as column, which does not allow scrolling.
Using custom CSS and HTML prevent the widget to be styled without coding, which is not the preferrable way for not very techy clients.