How to add Nudge Button to a Weebly website

Embed Nudge Button on Weebly in just a few steps

Embed Nudge Button on Weebly

01
Create a Nudge Button app for Weebly On Common Ninja

First, create a Weebly Nudge Button app on Common Ninja.

On the apps catalog, find the Nudge Button and enter the Editor.

Create a Nudge Button app for Weebly On Common Ninja
02
Save the Nudge Button app

When you're done creating the Nudge Button app, click on the Save Changes button at the right top corner of the editor.

If you don't have an account on Common Ninja, you'll have to register first.

Save the Nudge Button app
03
Copy the Nudge Button Embed Code

When you're ready to add the Nudge Button app to your Weebly website, click the Add To Website button at the top bar of the Editor.

On the window that opens, click the Copy Icon to copy the app embed code. In the next steps, you will paste this code into your Weebly website.

Copy the Nudge Button Embed Code
04
Select the Embed Code element

Now, let's head to your Weebly website's editor.

On the Weebly Editor, select the Embed Code element on the left panel.

Select the Embed Code element
05
Place the Embed Code element on your page

Drage and place the Embed Code element on your page, wherever you wish the Nudge Button to show.

Place the Embed Code element on your page
06
Add the Nudge Button Embed Code

Now simply paste the Nudge Button embed code here. You will see a loading icon.

Add the Nudge Button Embed Code
07
Enter the HTML window

Click the Embed Code element you've added to enter the HTML window.

Enter the HTML window
08
Click the Edit Custom HTML button

In the window that opens, click the Edit Custom HTML button.

Click the Edit Custom HTML button
09
Past the Nudge Button embed code

Now, simply paste the Nudge Button embed code in the Custom HTML window.

Past the Nudge Button embed code
10
Close the Custom HTML window

Click anywhere on the screen outside the Custom HTML window to close it.

Close the Custom HTML window