Text Path

← All widgetsWidget 314 · emcp_custom_314

Elementor widget7 layouts12 content options16 style options2 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: text path, curved text, circle text, svg, arc, wave, badge.

Setup guide

Open a page in Elementor, search the panel for Text Path and drag it into a container.
Content › Text Path: Text, Path Shape, Custom Path d (viewBox 0 0 400 200), Repeat Text to Fill the Path, Start Offset, Rotation, Spin Duration (seconds), Link and 4 more.
Pick a Path Shape: Circle (badge), Arc (smile), Arc (frown), Wave, Spiral, Straight line (kerned), Custom SVG path. Each one is shown below.
Style tab sections: Style. Colours, typography and spacing set here are scoped to this widget instance.
Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.

Conditional options: Custom Path d (viewBox 0 0 400 200) appears when Path Shape is custom.

Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.

Layout

Circle (badge)

Path Shape = circle

Layout

Arc (smile)

Path Shape = arc

Layout

Arc (frown)

Path Shape = arc-down

Layout

Wave

Path Shape = wave

Layout

Spiral

Path Shape = spiral

Layout

Straight line (kerned)

Path Shape = line

Layout

Custom SVG path

Path Shape = custom

Options reference

Every control the widget exposes, grouped by panel section. Names in code are the setting keys used by the MCP tools (add-free-widget, update-widget).

Content tab

Text Path

Option	Type	Choices / range	Default	Notes
Text `text`	Text		Handmade in small batches • Since 2019 •
Path Shape `shape`	Dropdown	Circle (badge), Arc (smile), Arc (frown), Wave, Spiral, Straight line (kerned), Custom SVG path	circle
Custom Path d (viewBox 0 0 400 200) `custom_path`	Text			Shown when shape = custom
Repeat Text to Fill the Path `repeat`	Toggle	on / off	yes
Start Offset `start_offset`	Slider	min 0, max 100, %	0
Rotation `rotate`	Dropdown	None, Continuous spin (circle), Continuous spin, reverse, Spin on hover, Rotate with scroll	spin
Spin Duration (seconds) `speed`	Number	min 3, max 120	20
Link `link`	Link
Centre Icon (circle) `center_icon`	Icon
Centre Image (circle) `center_image`	Image
Centre Text (circle) `center_text`	Text
Text Inside the Path (flip) `flip`	Toggle	on / off

Style tab

Style

Option	Type	Choices / range	Default	Notes
Size `size`	Slider	min 80, max 800, px/%/vw	240	Responsive
Typography `typo`	Typography
Font Size (SVG units) `font_size`	Slider	min 6, max 80, px	18
Text Color `color`	Color		#101828
Hover Color `color_h`	Color
Letter Spacing `spacing`	Slider	min -5, max 20, px	2
Weight `weight`	Dropdown	Regular, Semibold, Bold, Extra bold	700
Uppercase `uppercase`	Toggle	on / off	yes
Show the Path Line `show_path`	Toggle	on / off
Path Line Color `path_color`	Color		#eaecf0
Path Line Width `path_w`	Slider	min 0.5, max 8, px	1
Circle Background `bg`	Color
Centre Icon / Image Size `center_size`	Slider	min 10, max 80, %	40
Centre Icon / Text Color `center_color`	Color		#6a11cb
Centre Text Typography `center_typo`	Typography
Alignment `align`	Button group	Left, Center, Right	center

Add it with the MCP tools

Any connected agent can place this widget: call add-free-widget with widget_type: "emcp_custom_314" and a settings object using the keys above. Run get-custom-widget with id 314 for the full JSON spec.