Basic Notepad or TextEdit Editing

Editing website templates using a plain text editor

Pinned Note HTML Editing
Allwebco HTML website templates were originally created in Notepad so any design we created can be easily edited using any plain text editor.

See Also…

Mac Users:
If you're editing your template on a Mac, and would like to use TextEdit for webpage editing, review the information below on this page, and check the following links.
Step #1:
Download and unzip your template. See unzipping help.

Step #2:
Once you've unzipped the template folder, open your web browser. Internet Explorer, Chrome, Firefox, Safari, etc. Open the folder where you have unzipped the template. Find the help.html in the folder and drag it into your web browser.

Step #3:
Read the first few steps on the help.html. One of the steps outlines editing the "contact.js" or "phone.js". Find this file in your template folder and drag it into Notepad. Edit the file with your information. Be careful not to delete the code that is in the file and edit only the text. Shown below is an example, edit only the text highlighted in red.

document.write('Your Company Name');

You'll be doing a few edits in the contact or phone .js file. Address, phone and fax numbers. Edit the email in 2 places: "info@your-web-domain.com". One is for the email to display on the page, the other is for the actual email link. Open the contact.htm in your web browser and check that the contact info is updated.

Another step on the help.html will be editing the copyright.js or footer-copyright.js. Edit "Yourcompany.com" or "Your Company" with your site or company name.

Step #4:
Save the file you're editing. Drag the contact.htm or index.html into your open web browser. You should see updated text in the footer and in the contact info area.

You'll now want to proceed to the other steps on the help.html. Edit the other template files this way. With a plain text editor like Notepad or TextEdit you can edit the .htm pages, and .js files. If you want to change font sizes or template colors you can optionally edit the .css files using your plain text editor.


Error: Encoding When Saving & Strange Characters
If you save your HTML pages and you are seeing some unusual and unwanted characters like "?" or small boxes, box outlines and others symbols that you did not add, see fixing unwanted webpage characters support.

Unwanted Webpage Characters


Using Editing Software
You are required to edit some template files (.js files) in Notepad or a plain text editor, however, once those files are edited you may want to edit the .htm web pages using HTML wysiwyg editing software. See: software choices. You can use the same "drag and drop" editing technique outlined above with most HTML software.



Related Topics:
Template File Types
Fixing Unwanted Characters
Editing Software