# Framer WhatsApp Integration

> To integrate WhatsApp in Framer, open your project and create a button from scratch. Add a stack, adjust padding and alignment in the layout section, set the WhatsApp link, and choose whether to open in a new tab. Finally, insert the WhatsApp icon from the icons menu and design it.

Canonical: https://livedemo.ai/tutorials/framer-whatsapp-integration/
Apps: Framer
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/6929ffed243f01ed60a4d655/preview?step=1

## Steps

1. Open your Framer project.
2. Create a button for your WhatsApp from scratch.
3. Right- click and select 'Add Stack'.
4. Go to your 'Layout' section and adjust the padding and alignment of you button.
5. Go to the 'Link' section.
6. Under the 'Link' settings, set the link to your WhatsApp link.
7. Choose 'Yes' if you want to open the button in new tab if desired.
8. Go to 'Insert' and click 'Icons'.
9. Select 'Iconic' from the options.
10. Select the WhatsApp icon and start designing your icon.
11. That's it! You can now initiate the integration process between Framer and WhatsApp.