For several of my niche websites, I have monthly subscriptions to plr and master resell rights products. Some of these subscriptions contain sales letters and other HTML pages. When you try copying and pasting the source code into a WordPress page, it can look horrible. If you’re left wondering how to add an html sales letter to WordPress, here’s your answer.
This is a common question many WordPress business owners have. The short answer is that you can’t, well…at least not from the html source code. Here is why and what you can do instead.
HTML pages are usually made up of tables. More often than not, the styling is done inline. This means that each line or small section contains the styling and spacing information for that specific area. This includes font color, size, weight (bold or normal), etc. HTML code varies from program to program so although you may be using an editor to write an html page, it may not look right in another html editor.
The html styling may look something like this:
<p align="center"> <font face="Verdana" <strong><span style="color: #993300;">size="2"</span></strong>><font color="#dd0000" face="Verdana" <strong><span style="color: #993300;">size="4"</span></strong>><strong>You Still Don’t Know How To Get Sensational</strong></font> </font></p>
**Note: As you can see, this code has Verdana font and the size in there twice. This is a mistake made by the editor and is not needed in the html page nor in WordPress. This type of conflicting code for the same text is partly what creates a problem in WordPress.
WordPress contains its own text editor, which uses different codes, tags, and arrangements. The reason that you can’t just copy and paste the source code from an html page is because the code from the sales page often confuses and conflicts with the existing WordPress editor, style sheet, php code, and more.
Here is how the same text looks using the built-in WordPress editor:
<h3 style="text-align: center;"><span style="color: #dd0000;"><strong>You Still Don't Know How To Get Sensational</strong></span></h3>
**Note: As you can see the string of styling code is quite different and condensed. With less code, your pages load faster and are more search engine friendly. Also some of the code in the html version is becoming out-dated, specifically the “center” style. The proper way to center align text can be seen in the WordPress code.
In order to get the text from an html page into your WordPress post or page, you must copy and sanitize the sales page text before adding it to WordPress. Think of it like this….
Scenario: You just got a much larger house. It’s time to move the kitchen items. Just your luck, it starts to rain. The moving guys do their best but some things get wet. There are smudges and fingerprints all over the appliances and footprints all over the kitchen. The kitchen obviously isn’t ready to be used. So you break out the cleaning products and sanitize the kitchen from top to bottom, removing the bits that aren’t needed (mud and fingerprints.)
Relating It To WordPress: Now think of your WordPress sales page as your new kitchen. The words on your old sales page are your appliances. The styling and codes around the text are the smudges, fingerprints, and footprints.The cleaning product is a text/code editor, not MS Word.
So how do you sanitize the sales page? Here are step by step instructions.
**Note: It’s best to edit sales page to add price, name, and other customizations before beginning this process.
- Open the html page in your browser by double clicking.
- Highlight and copy the sales page from your browser page. Exclude the date if auto displays “today’s date.” The code that makes it change can cause conflicts.
- Open Notepad or a more versatile editor, like Notepad++, (my favorite & free.
- Uncheck Word wrap if it’s checked.
- Paste the sales text into the editor.
- Remove extra spaces and make sure all paragraphs are lined up on the left.
- Save file as a .txt file.
- Open text file and copy text.
- Paste into your WordPress post or page.
- Reformat text using the built-in editor.
- Replace or delete image names which appear instead of the image.
- Add links where appropriate.
- Preview and save post or page.
- Schedule to publish.
There you have it, a quick step by step how to for adding an html sales page’s content to WordPress.