How to create a subscribe form for your phpList mailing list
If you're following along in our phpList tutorial, we previously have installed phpList and created a mailing list that users can subscribe to. The next step is to actually create a form that allows users to subscribe to your list. For example, in the right sidebar of your website, you may have an area where it says, "Subscribe to our mailing list!" and then asks for the user's email address. We will create that form in this tutorial.
There are two approches to this step, depening on how much you want to customize the subscription page. The first step we'll outline below is the easiest method, while the second approach gives you much more control over how your sign up for looks.
Sign up form 1 - A separate signup page
To create a subscribe page, follow these steps:
- Log into your phpList admin page (if you're following along with our tutorial, we go to phplist.inmotiontesting.com/phplist/admin )
- Click "subscribe pages" in the right sidebar
- Click the "add a new one" link at the bottom of the page
- The page you're looking at now gives you many options. If you have html experience, you can customize the header and footer of the page so it matches the layout of your own website. In our example, we did a very basic subscribe page. Here are the settings we used:
Title: Mailing List 3 Language File
english Select the lists
We selected, "Mailing list 3, this is our 3rd test Mailing list".
- Click "Save and Activate".
- After you've saved your changes, it will bring you back to a page that lists all of your subscribe pages. Find the subscribe page you just created, and click the "view" link next to it.
- In our example, our subscribe page URL is http://***.***.com/phplist/?p=subscribe&id=1 and it looks like this:
On your website, you can now link to your custom subscribe page so your users can sign up for your mailing list!
Sign up form 2 - Integrating your Signup form on a current page
In our example, we'd like to incorporate the signup form into our WordPress sidebar. In this way users don't need to leave the current page, and they can easily sign up for our mailing list from any page in our site that shows the sidebar.
- If you haven't already, create a custom subscribe page as we have described above. After you have created the subscribe page, visit the URL. In this example, we'll visit http://***.***.com/phplist/?p=subscribe&id=1.
- We will be copying the form code created by phpList. View the current page's source code, and copy the code that begins with <form and ends with /form> into an editor on your computer, such as notepad in windows. In our example, the code we copied is:
- Next, you'll need to update the form action to point to your actual subscribe page. In this step, you'll be updating the code that you copied into a text editor. The original code will look like this:
<form method=post name="subscribeform">
You need to add an 'action' attribute and point it to your subscribe page. In our example, the updated code looks like this:
<form method=post name="subscribeform" action="http://phplist.inmotiontesting.com/phplist/?p=subscribe&id=1">
- You now have the necessary code to use on your site to insert into your subscribe form! In our WordPress site, we copied the code into a new Text widget:
- The code used by phpList for the subscribe form uses tables, which doesn't always look nice (see the before and after images below). If you are familiar with html code, you can edit the code you pasted in step 4 above so the form looks better with your site:
Support Center LoginOur Login page has moved, Click the button below to be taken to the login page.
Social Media Login
2017-12-11 8:33 am
Thanks for this! I took your example and wrapped it as a web component. It's open source should anyone else want to use it / contribute to it.
I have clients using WSYIWYG editors so now they can just drop the <phplist-subscribe-form> tag wherever they want the form to appear.
2014-11-25 6:29 pm
Totally useful. Thank you very much for posting. -Mike