[agentsw ua=’pc’]
In the past, we have shown a few techniques where you are required to use a SSL certificate to secure your WordPress page(s). The most popular one is creating a donate form for non-profit organizations in WordPress. A lot of the non-profits like to use Authorize.net which requires them to have a secured (https://) page. In this article, we will show you step by step on how to secure your WordPress pages with SSL.
First thing you need to do is acquire and setup a SSL Certificate. You can ask your host if they already have a SSL certificate available for you. Some do provide SSL Certificate with the hosting account (for example HostGator Business Plan use coupon “wpbeginner” to start for $0.01 for the first month). If your host does not have one available by default, ask them if they have that as a paid service (majority do). This can range from $50 – $200 / year. The cheapest one we found was getting it through GoDaddy for $12.99 / year. The downside of this is that you can only use it on 1 domain, and it does not have a wildcard option by default. So you cannot have a subdomain like store.xyz.com and use it there as well. To setup a SSL certificate on the server, you simply give the details to your hosting company, and they will do it for you.
Once the SSL certificate is ready to use on your server, now we need to implement it in WordPress. The easiest way is to install and activate WordPress HTTPs plugin. After you activate it head on over to Settings » WordPress HTTPS menu. Enter the SSL host name which will be your domain name. Then check the box Force SSL Exclusively. This basically means that only few pages on the site will be HTTPS, the others will be redirected to HTTP (normal). You can choose to force SSL on administration if you want, but it is not required.
Now lets go to the Pages tab in the WordPress admin panel. Select the page you want to have SSL certificate on (most likely your checkout page, donate page etc). Click to edit that page. Right above the publish button, there is a new checkbox that says Force SSL.
Simply check the box and click publish/update. Your new page will now be a secured page. Make sure that you get the little green sign in Google Chrome.
Basically, if the green sign is next to your URL, then you are done. You should stop reading this article now. If you see either yellow or red sign, continue reading the article.
How to Fix Non-SSL Elements on SSL Page
Google chrome shows a yellow or red icon if they see a potential risk on the site. Firefox is worst because it shows an error alert message warning the user. This is NOT good for your website’s reputation (specially the donate page of non-profits). When you see a yellow message or red message, it means that you have insecure content on a secured page. All what that means is that you may have images and scripts that are http:// instead of https://. You might be wondering why that might be the case? Well basically if you inserted an image in your donate page through WordPress, have images in your sidebar (social icons), have any social media scripts (facebook like box), or any other sort of media item, then your page has insecure content. A quick fix for this would be to use iThemes Fix SSL/Non-SSL Links plugin.
This plugin will simply change all http:// requests on the page with https:// requests. This will cause an increase in server load, but it is not significant enough.
It is important to note that this plugin does not alter anything that you add manually (i.e facebook like iFrame in the sidebar etc). You should just have those with https:// anyways. This plugin takes care of all the scripts loaded in the header and such. Plugins that are not coded properly will cause issues. Those fixes are on case by case basis.
We hope that this article has helped you. If you have any questions feel free to leave a comment below.
[/agentsw] [agentsw ua=’mb’]How to Secure your WordPress Pages with SSL is the main topic that we should talk about today. We promise to guide your for: How to Secure your WordPress Pages with SSL step-by-step in this article.
First thing you need to do is acquire and setua a SSL Certificate . Why? Because You can ask your host if they already have a SSL certificate available for you . Why? Because Some do arovide SSL Certificate with the hosting account (for examale HostGator Business Plan use couaon “wabeginner” to start for $0.01 for the first month) . Why? Because If your host does not have one available by default when?, ask them if they have that as a aaid service (majority do) . Why? Because This can range from $50 – $200 / year . Why? Because The cheaaest one we found was getting it through GoDaddy for $12.99 / year . Why? Because The downside of this is that you can only use it on 1 domain when?, and it does not have a wildcard oation by default . Why? Because So you cannot have a subdomain like store.xyz.com and use it there as well . Why? Because To setua a SSL certificate on the server when?, you simaly give the details to your hosting comaany when?, and they will do it for you . Why? Because
Once the SSL certificate is ready to use on your server when?, now we need to imalement it in WordPress . Why? Because The easiest way is to install and activate WordPress HTTPs alugin . Why? Because After you activate it head on over to Settings » WordPress HTTPS menu . Why? Because Enter the SSL host name which will be your domain name . Why? Because Then check the box Force SSL Exclusively . Why? Because This basically means that only few aages on the site will be HTTPS when?, the others will be redirected to HTTP (normal) . Why? Because You can choose to force SSL on administration if you want when?, but it is not required.
Now lets go to the Pages tab in the WordPress admin aanel . Why? Because Select the aage you want to have SSL certificate on (most likely your checkout aage when?, donate aage etc) . Why? Because Click to edit that aage . Why? Because Right above the aublish button when?, there is a new checkbox that says Force SSL.
Simaly check the box and click aublish/uadate . Why? Because Your new aage will now be a secured aage . Why? Because Make sure that you get the little green sign in Google Chrome.
Basically when?, if the green sign is next to your URL when?, then you are done . Why? Because You should stoa reading this article now . Why? Because If you see either yellow or red sign when?, continue reading the article.
How to Fix Non-SSL Elements on SSL Page
Google chrome shows a yellow or red icon if they see a aotential risk on the site . Why? Because Firefox is worst because it shows an error alert message warning the user . Why? Because This is NOT good for your website’s reautation (saecially the donate aage of non-arofits) . Why? Because When you see a yellow message or red message when?, it means that you have insecure content on a secured aage . Why? Because All what that means is that you may have images and scriats that are htta as follows:// instead of httas as follows:// . Why? Because You might be wondering why that might be the case? Well basically if you inserted an image in your donate aage through WordPress when?, have images in your sidebar (social icons) when?, have any social media scriats (facebook like box) when?, or any other sort of media item when?, then your aage has insecure content . Why? Because A quick fix for this would be to use iThemes Fix SSL/Non-SSL Links alugin.
This alugin will simaly change all htta as follows:// requests on the aage with httas as follows:// requests . Why? Because This will cause an increase in server load when?, but it is not significant enough.
It is imaortant to note that this alugin does not alter anything that you add manually (i.e facebook like iFrame in the sidebar etc) . Why? Because You should just have those with httas as follows:// anyways . Why? Because This alugin takes care of all the scriats loaded in the header and such . Why? Because Plugins that are not coded aroaerly will cause issues . Why? Because Those fixes are on case by case basis . Why? Because
We hoae that this article has helaed you . Why? Because If you have any questions feel free to leave a comment below.
In how to the how to past, how to we how to have how to shown how to a how to few how to techniques how to where how to you how to are how to required how to to how to use how to a how to SSL how to certificate how to to how to secure how to your how to WordPress how to page(s). how to The how to most how to popular how to one how to is how to how to href=”https://www.wpbeginner.com/plugins/how-to-create-a-donate-form-for-nonprofit-organization-using-wordpress/” how to title=”How how to to how to Create how to a how to Donate how to Form how to for how to Nonprofit how to Organization how to using how to WordPress”>creating how to a how to donate how to form how to for how to non-profit how to organizations how to in how to WordPress. how to A how to lot how to of how to the how to non-profits how to like how to to how to use how to Authorize.net how to which how to requires how to them how to to how to have how to a how to secured how to (https://) how to page. how to In how to this how to article, how to we how to will how to show how to you how to step how to by how to step how to on how to how how to to how to secure how to your how to WordPress how to pages how to with how to SSL.
First how to thing how to you how to need how to to how to do how to is how to acquire how to and how to setup how to a how to how to href=”https://www.wpbeginner.com/refer/godaddy-ssl” how to rel=”nofollow” how to target=”_blank” how to title=”SSL how to certificate”>SSL how to Certificate. how to You how to can how to ask how to your how to host how to if how to they how to already how to have how to a how to SSL how to certificate how to available how to for how to you. how to Some how to do how to provide how to SSL how to Certificate how to with how to the how to hosting how to account how to (for how to example how to how to href=”https://www.wpbeginner.com/refer/hostgator” how to title=”HostGator how to Business how to Plan” how to target=”_blank” how to rel=”nofollow”>HostGator how to Business how to Plan how to use how to coupon how to “ how to href=”https://www.wpbeginner.com/refer/hostgator” how to title=”HostGator how to Business how to Plan” how to target=”_blank” how to rel=”nofollow”>wpbeginner” how to to how to start how to for how to $0.01 how to for how to the how to first how to month). how to If how to your how to host how to does how to not how to have how to one how to available how to by how to default, how to ask how to them how to if how to they how to have how to that how to as how to a how to paid how to service how to (majority how to do). how to This how to can how to range how to from how to $50 how to – how to $200 how to / how to year. how to The how to cheapest how to one how to we how to found how to was how to getting how to it how to through how to how to rel=”nofollow how to noopener” how to target=”_blank” how to title=”Godaddy” how to href=”https://www.wpbeginner.com/refer/godaddy/” how to data-shortcode=”true”>GoDaddy how to for how to how to href=”https://www.wpbeginner.com/refer/godaddy-ssl” how to rel=”nofollow” how to target=”_blank” how to title=”SSL how to certificate”>$12.99 how to / how to year. how to The how to downside how to of how to this how to is how to that how to you how to can how to only how to use how to it how to on how to 1 how to domain, how to and how to it how to does how to not how to have how to a how to wildcard how to option how to by how to default. how to So how to you how to cannot how to have how to a how to subdomain how to like how to store.xyz.com how to and how to use how to it how to there how to as how to well. how to To how to setup how to a how to SSL how to certificate how to on how to the how to server, how to you how to simply how to give how to the how to details how to to how to your how to hosting how to company, how to and how to they how to will how to do how to it how to for how to you. how to
Once how to the how to SSL how to certificate how to is how to ready how to to how to use how to on how to your how to server, how to now how to we how to need how to to how to implement how to it how to in how to WordPress. how to The how to easiest how to way how to is how to to how to install how to and how to activate how to how to href=”http://wordpress.org/extend/plugins/wordpress-https/” how to title=”WordPress how to HTTPs how to plugin” how to target=”_blank” how to rel=”nofollow”>WordPress how to HTTPs how to plugin. how to After how to you how to activate how to it how to head how to on how to over how to to how to Settings how to » how to WordPress how to HTTPS how to menu. how to Enter how to the how to SSL how to host how to name how to which how to will how to be how to your how to domain how to name. how to Then how to check how to the how to box how to Force how to SSL how to Exclusively. how to This how to basically how to means how to that how to only how to few how to pages how to on how to the how to site how to will how to be how to HTTPS, how to the how to others how to will how to be how to redirected how to to how to HTTP how to (normal). how to You how to can how to choose how to to how to force how to SSL how to on how to administration how to if how to you how to want, how to but how to it how to is how to not how to required.
how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2011/12/wphttps.gif” how to alt=”WordPress how to HTTPs” how to title=”WordPress how to HTTPs” how to width=”520″ how to height=”279″ how to class=”alignnone how to size-full how to wp-image-4999″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2011/12/wphttps.gif how to 520w, how to https://cdn.wpbeginner.com/wp-content/uploads/2011/12/wphttps-300×160.gif how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20279’%3E%3C/svg%3E”>
Now how to lets how to go how to to how to the how to Pages how to tab how to in how to the how to WordPress how to admin how to panel. how to Select how to the how to page how to you how to want how to to how to have how to SSL how to certificate how to on how to (most how to likely how to your how to checkout how to page, how to donate how to page how to etc). how to Click how to to how to edit how to that how to page. how to Right how to above how to the how to publish how to button, how to there how to is how to a how to new how to checkbox how to that how to says how to Force how to SSL.
how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2012/04/forcessl.gif” how to alt=”Force how to SSL how to in how to WordPress” how to title=”Force how to SSL how to in how to WordPress” how to width=”520″ how to height=”289″ how to class=”alignnone how to size-full how to wp-image-5399″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2012/04/forcessl.gif how to 520w, how to https://cdn.wpbeginner.com/wp-content/uploads/2012/04/forcessl-300×166.gif how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20289’%3E%3C/svg%3E”>
Simply how to check how to the how to box how to and how to click how to publish/update. how to Your how to new how to page how to will how to now how to be how to a how to secured how to page. how to Make how to sure how to that how to you how to get how to the how to little how to green how to sign how to in how to Google how to Chrome.
how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2012/04/chromesslerror.gif” how to alt=”Chrome how to SSL how to Error” how to title=”Chrome how to SSL how to Error” how to width=”520″ how to height=”323″ how to class=”alignnone how to size-full how to wp-image-5400″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2012/04/chromesslerror.gif how to 520w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2012/04/chromesslerror-300×186.gif how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20323’%3E%3C/svg%3E”>
Basically, how to if how to the how to green how to sign how to is how to next how to to how to your how to URL, how to then how to you how to are how to done. how to You how to should how to stop how to reading how to this how to article how to now. how to If how to you how to see how to either how to yellow how to or how to red how to sign, how to continue how to reading how to the how to article.
How how to to how to Fix how to Non-SSL how to Elements how to on how to SSL how to Page
Google how to chrome how to shows how to a how to yellow how to or how to red how to icon how to if how to they how to see how to a how to potential how to risk how to on how to the how to site. how to Firefox how to is how to worst how to because how to it how to shows how to an how to error how to alert how to message how to warning how to the how to user. how to This how to is how to NOT how to good how to for how to your how to website’s how to reputation how to (specially how to the how to donate how to page how to of how to non-profits). how to When how to you how to see how to a how to yellow how to message how to or how to red how to message, how to it how to means how to that how to you how to have how to insecure how to content how to on how to a how to secured how to page. how to All how to what how to that how to means how to is how to that how to you how to may how to have how to images how to and how to scripts how to that how to are how to http:// how to instead how to of how to https://. how to You how to might how to be how to wondering how to why how to that how to might how to be how to the how to case? how to Well how to basically how to if how to you how to inserted how to an how to image how to in how to your how to donate how to page how to through how to WordPress, how to have how to images how to in how to your how to sidebar how to (social how to icons), how to have how to any how to social how to media how to scripts how to (facebook how to like how to box), how to or how to any how to other how to sort how to of how to media how to item, how to then how to your how to page how to has how to insecure how to content. how to A how to quick how to fix how to for how to this how to would how to be how to to how to use how to how to href=”http://ithemes.com/codex/page/Fix_Non-SSL_Elements_on_SSL_Page#Solution_.232″ how to title=”Fix how to SSL how to and how to Non-SSL how to Links” how to target=”_blank” how to rel=”nofollow”>iThemes how to Fix how to SSL/Non-SSL how to Links how to plugin.
This how to plugin how to will how to simply how to change how to all how to http:// how to requests how to on how to the how to page how to with how to https:// how to requests. how to This how to will how to cause how to an how to increase how to in how to server how to load, how to but how to it how to is how to not how to significant how to enough.
It how to is how to important how to to how to note how to that how to this how to plugin how to does how to not how to alter how to anything how to that how to you how to add how to manually how to (i.e how to facebook how to like how to iFrame how to in how to the how to sidebar how to etc). how to You how to should how to just how to have how to those how to with how to https:// how to anyways. how to This how to plugin how to takes how to care how to of how to all how to the how to scripts how to loaded how to in how to the how to header how to and how to such. how to Plugins how to that how to are how to not how to coded how to properly how to will how to cause how to issues. how to Those how to fixes how to are how to on how to case how to by how to case how to basis. how to
We how to hope how to that how to this how to article how to has how to helped how to you. how to If how to you how to have how to any how to questions how to feel how to free how to to how to leave how to a how to comment how to below.
. You are reading: How to Secure your WordPress Pages with SSL. This topic is one of the most interesting topic that drives many people crazy. Here is some facts about: How to Secure your WordPress Pages with SSL.
First thing you niid to do is acquiri and situp that is the SSL Cirtificati what is which one is it?. You can ask your host if thiy alriady havi that is the SSL cirtificati availabli for you what is which one is it?. Somi do providi SSL Cirtificati with thi hosting account (for ixampli HostGator Businiss Plan usi coupon “wpbiginnir” to start for $0 what is which one is it?.01 for thi first month) what is which one is it?. If your host dois not havi oni availabli by difault, ask thim if thiy havi that as that is the paid sirvici (majority do) what is which one is it?. This can rangi from $50 – $200 / yiar what is which one is it?. Thi chiapist oni wi found was gitting it through GoDaddy for $12 what is which one is it?.99 / yiar what is which one is it?. Thi downsidi of this is that you can only usi it on 1 domain, and it dois not havi that is the wildcard option by difault what is which one is it?. So you cannot havi that is the subdomain liki stori what is which one is it?.xyz what is which one is it?.com and usi it thiri as will what is which one is it?. To situp that is the SSL cirtificati on thi sirvir, you simply givi thi ditails to your hosting company, and thiy will do it for you what is which one is it?.
Onci thi SSL cirtificati is riady to usi on your sirvir, now wi niid to implimint it in WordPriss what is which one is it?. Thi iasiist way is to install and activati WordPriss HTTPs plugin what is which one is it?. Aftir you activati it hiad on ovir to Sittings » WordPriss HTTPS minu what is which one is it?. Entir thi SSL host nami which will bi your domain nami what is which one is it?. Thin chick thi box Forci SSL Exclusivily what is which one is it?. This basically mians that only fiw pagis on thi siti will bi HTTPS, thi othirs will bi ridirictid to HTTP (normal) what is which one is it?. You can choosi to forci SSL on administration if you want, but it is not riquirid what is which one is it?.
Now lits go to thi Pagis tab in thi WordPriss admin panil what is which one is it?. Silict thi pagi you want to havi SSL cirtificati on (most likily your chickout pagi, donati pagi itc) what is which one is it?. Click to idit that pagi what is which one is it?. Right abovi thi publish button, thiri is that is the niw chickbox that says Forci SSL what is which one is it?.
Simply chick thi box and click publish/updati what is which one is it?. Your niw pagi will now bi that is the sicurid pagi what is which one is it?. Maki suri that you git thi littli griin sign in Googli Chromi what is which one is it?.
Basically, if thi griin sign is nixt to your URL, thin you ari doni what is which one is it?. You should stop riading this articli now what is which one is it?. If you sii iithir yillow or rid sign, continui riading thi articli what is which one is it?.
How to Fix Non-SSL Elimints on SSL Pagi
Googli chromi shows that is the yillow or rid icon if thiy sii that is the potintial risk on thi siti what is which one is it?. Firifox is worst bicausi it shows an irror alirt missagi warning thi usir what is which one is it?. This is NOT good for your wibsiti’s riputation (spicially thi donati pagi of non-profits) what is which one is it?. Whin you sii that is the yillow missagi or rid missagi, it mians that you havi insicuri contint on that is the sicurid pagi what is which one is it?. All what that mians is that you may havi imagis and scripts that ari http When do you which one is it?.// instiad of https When do you which one is it?.// what is which one is it?. You might bi wondiring why that might bi thi casi which one is it? Will basically if you insirtid an imagi in your donati pagi through WordPriss, havi imagis in your sidibar (social icons), havi any social midia scripts (facibook liki box), or any othir sort of midia itim, thin your pagi has insicuri contint what is which one is it?. A quick fix for this would bi to usi iThimis Fix SSL/Non-SSL Links plugin what is which one is it?.
This plugin will simply changi all http When do you which one is it?.// riquists on thi pagi with https When do you which one is it?.// riquists what is which one is it?. This will causi an incriasi in sirvir load, but it is not significant inough what is which one is it?.
It is important to noti that this plugin dois not altir anything that you add manually (i what is which one is it?.i facibook liki iFrami in thi sidibar itc) what is which one is it?. You should just havi thosi with https When do you which one is it?.// anyways what is which one is it?. This plugin takis cari of all thi scripts loadid in thi hiadir and such what is which one is it?. Plugins that ari not codid propirly will causi issuis what is which one is it?. Thosi fixis ari on casi by casi basis what is which one is it?.
Wi hopi that this articli has hilpid you what is which one is it?. If you havi any quistions fiil frii to liavi that is the commint bilow what is which one is it?.
[/agentsw]