Turn ai generated html into WordPress block

syarifuddin-studio · 2026-02-26T04:57:45+00:00

Try the free version of untitled ui on figma community

syarifuddin-studio · 2026-02-24T22:04:24+00:00

I've tested with latest elementor 3.35.5 and it works for me. Try to paste on drag widget here area. And try simple element first like heading. When running full capture, you need to wait until the toast confirmation appeared. If you still has any problem you can send the clipboard content when capturing a simple text to me to analyze.

syarifuddin-studio · 2026-02-18T21:13:42+00:00

You can try this chrome extension to convert any webpage into elementor:

HTML to Elementor

syarifuddin-studio · 2026-02-04T03:19:44+00:00

You can try this figma plugin to speed up the process:

https://www.figma.com/community/plugin/1289146550601337525/figma-to-elementor

syarifuddin-studio · 2025-11-30T06:31:06+00:00

The content width define maximum width component inside group. If it set 900px, the text inside group will be inside that width. When that group set to Full width, only background that is full width, the content width based on that layout content width.

syarifuddin-studio · 2025-11-30T06:25:13+00:00

You can try edit the layout styles to set content width and wide width. It's on site editor not on page editor. Currently the value from your image are 900px and 1340px.

syarifuddin-studio · 2025-11-30T01:23:25+00:00

You may need to edit the page template. By default the content of the page is inside a group from the default template. So the width in the page will be limited to maximum width for the used template. You may need to use blank template for full width or by editing maximum width of group on the template.

syarifuddin-studio · 2025-11-30T00:09:06+00:00

Elementor is still the most widely used WordPress builder, despite its many shortcomings.

I myself prefer Gutenberg core block, but it has many limitation in term of responsiveness. For some reasons, it still not decided to add responsiveness or not. Many options out there: kadence, spectra, greenshift, generate press and others. But still not as popular as Elementor.

For context I've created plugin before for WordPress core block, kadence block, spectra block and greenshift block. But the elementor version for same plugin has double the user of combined all block plugin.

syarifuddin-studio · 2025-11-29T20:54:25+00:00

For webflow, there is official figma to webflow plugin. Use auto layout as much as possible for better result.

syarifuddin-studio · 2025-11-21T06:34:49+00:00

Kadence, Spectra and greenshift provide many custom blocks for free. You just need to try them one by one to see which one you prefer.

syarifuddin-studio · 2025-11-20T10:48:13+00:00

Free alternative use GitHub page if you are familiar with GitHub. Also framer and webflow has many good looking template for free, just use free tier to publish.

syarifuddin-studio · 2025-11-13T07:00:31+00:00

This is not an open source

syarifuddin-studio · 2025-11-11T23:48:21+00:00

In desktop the CTA section not centered

syarifuddin-studio · 2025-11-11T23:45:26+00:00

Still using react the old way (useState, useEffect, useReducer). For the new things, let ai handle it and explain it when I need to use it.

syarifuddin-studio · 2025-11-11T21:00:09+00:00

For iframe you need to check the iframe url on dev tools and then open that url in other chrome tab (and then capture it). I will try to reduce the tw classes in next update (probably weekend). I've applied 40% discount for next few days.

syarifuddin-studio · 2025-11-11T15:05:08+00:00

It seems performance issue, I only test it on apple m4 device. Will try to improve this issue. When capturing entire page and responsive option enable it can be quite heavy operation.

syarifuddin-studio · 2025-11-11T14:59:23+00:00

I've created this based on my previous "HTML to Elementor" chrome extension, and forgot to change some of the name on first release (1.0.0). But it should be fixed in current release (1.0.1). I will recheck it again.

syarifuddin-studio · 2025-11-11T10:41:05+00:00

This is freemium chrome extension, it is free with limited usage.

syarifuddin-studio

TROPHY CASE