🡠Back
How to embed a widget on your website
Reading time
1 min
Widgets
October 27, 2026
afrus.ai
Learn how to copy your AFRUS widget's code and paste it on your website, with a custom width if you need one.
In this article
Labels are shown as they appear in the Spanish version of the console.
Step by step
- Open the code. In Fundraising > Widgets, click the code icon on the widget's row. CĂłdigo del widget (Widget code) opens.
- Copy the code. Click "Copiar" (Copy).
- Paste it on your page. In an HTML block or component on your site. The widget will appear there.
If you need a different width
In the widget editor, Instalar (Install) tab, set the width in Configura el ancho del formulario (px, %, em, rem or vw), click "Guardar Widget" and copy the CĂłdigo de inserciĂłn (Embed code).
Frequently asked questions
Do I need one code per country?
No. The code is the same for all countries; the country is chosen automatically.
Why isn't it receiving donations?
Check that the widget's Estado (Status) switch is on.
Need help? Talk to the afrus team
In this article
âś•
Related Tutorials
Widgets
October 27, 2026
How to create a product widget
Learn how to create a widget with the Producto goal to sell products or raffle tickets with a price and stock.
afrus.ai
Widgets
October 27, 2026
What a widget is for
Learn what a widget is for: receiving donations, capturing leads, collecting payments and measuring results on your own website.
afrus.ai
Widgets
October 27, 2026
Which widget types exist and what each one is for
Learn which widget types (goals) AFRUS offers, what each one is for and how to create the one you need.
afrus.ai
Widgets
October 27, 2026
How to change the widget's styles
Learn how to change the field shape, colors, fonts, header and footer of your AFRUS widget.
afrus.ai