How to Set Up Click to Subscribe

Click to Subscribe will allow you to place CSS code on an element on your site that once clicked, will display a pop-up subscribe widget.

Step 1: Copy the Click to Subscribe Code

Depending on whether you are looking for the Click to Subscribe code from an already created form or if you are creating a new form, you’ll find the code in a few places.

If you are looking at an already existing Click to Subscribe form, you can find this code by navigating to Grow Publisher Portal > Subscribe > Select the Click to Subscribe Form > Manage Form. From there simply copy the Click to Subscribe class code.

If you are looking to create a new Click to Subscribe form, you’ll first need to create that new form. Navigate to Grow Publisher Portal > Subscribe > Click the Add New Form button. This will open up the set-up wizard that will walk you through creating a new form; the last screen will display your code - don’t forget to copy the code! If you miss copying it from that step, follow the above path to find the code again.

(The images above are just examples. You will have your own unique code to copy for each Click to Subscribe form you create.)

To Implement a Custom Link in your Menu

Step 1: In Wordpress, Navigate to Appearance → Menu

Step 2: Make Sure CSS Classes is Enabled under "Screen Options"

Once you navigate to Menus, scroll to the top of your page and click into "Screen Options."

From here you'll want to make sure that CSS Classes is selected via the checkbox.

Step 3: Add A Custom Link to your Menu

1 - For the URL field, input #subscribe.

2 - For the link text you can input whatever you would like to show on your Menu. For example, you can write Subscribe so that the word "Subscribe" will appear as a menu item on your site.

3 - Finally, click "Add to Menu".

Step 4: Add a CSS Class

You'll next want to navigate to the custom link menu section. Once here, you'll want to add the class that is provided for you under the Click to Subscribe section in your Grow settings, to the CSS Class field. This will trigger the pop-up subscribe form for Grow once you click the link in your menu.

Scroll to the bottom and click "Save Menu". You should now see a new Menu option on your site - yay!

Implementing Click to Subscribe on an Image

While we built this with the subscribe button in the menu in mind, it could be used for images and other buttons on your site as well.

Step 1: click on the image itself and go to the Advanced section on the right-hand side of the screen:

Step 2: Scroll all the way to the bottom and place the Click to Subscribe class under the Additional CSS class(es) section:

You’re done! You should see a pop-up subscribe widget when a user clicks your photo.

Implementing Click to Subscribe on text

Step 1: make sure that the text you want to link on is its own separate block

Step 2: click on the text block itself and go to the Advanced section on the right-hand side of the screen

Step 3: Scroll all the way to the bottom and place the Click to Subscribe class under the Additional CSS class(es) section:

Keep in mind that anywhere you are able to insert the CSS class, you'll be able to trigger the subscribe form!