Importing a website designed externally
- Create an ordinary website space.
- Delete any prexisting wizard generated pages that you won't be needing. Keep any shopping pages if you need them.
- Copy across existing website files
- Ask support to enable your FTP aka (status WIP - KEEN or higher)
- Look under manage files in the left menu, for your FTP details
- Upload your images and other binary files (excluding your css and html pages)
- Copy your css and javascript into the appropriate area in the advanced template desiger area. Remember to fix any image urls in the CSS to include a preceding /
- Create your templates from one of the existing pages. Refer to the help section on setting up templates.
- Try to pick the best deliniation point to separate your template from your content. Try to avoid including any wrapper tables around your content in the content area. Try to avoid using any repetitive columns/footers in your content that could have been put in a template. You can create more than 1 template.
- While in HTML mode, quickly look for any images/links that assume root relative paths, eg src="https://www.help.cms-tool.net/images//" and change to src="https://www.help.cms-tool.net/images/" and same for HREF
- Now create your pages 1 by 1
- Add new page, single design page (or enquiry form if its a form) or submenus if required.
- If you want, set a page title here and then delete it from the content. Using the database driven title is best for SEO. If the original design didnt use H1 titles, then you will need to create a CSS for H1
- Set the filename at page creation time, use exactly the same filename and suffix as the original file, as this will make internal links easier to fix (or if they then even need fixing)... don't do this for the home page.
- Once in the editor window, change to HTML mode, and copy and paste the HTML content from the original file. Avoid copying any wrapper tables. Put any common wrapper tables into the templates as per the earlier steps. (You could do this in design mode, but if you do, you will probably need to clean up alot of surpurfluous html code).
- While in HTML mode, carefully look for any images or links that assume root relative paths, eg src="photo.jpg" and change to src="https://www.help.cms-tool.net/images//photo.jpg" and same for HREFs
- Repeat for each page as above, including hidden pages
- Now publish your website
- View the website
- Click down each menu button of the website. All content on all pages should look correct, eg with the page title and content nicely aligned.
- If any content or titles are not aligned, then look in the content for unrequired tables that may including padding or css style classes.
- Do not use CSS to position/pad the H1 or the content elements individually. If you need to position these collectively, then put a table or div class into the template... Avoid making assumptions about the content of your existing pages, because when a customer adds a new page, then it may not have the appropriate classes that you were expecting... So to repeat... Keep your content clean.
- If any of your pages have broken images or bad links, then you will need to go and fix em... typically look for images with really weird looking paths or ones with no preceeding slash /. If the path looks weird, remove everything up to the images/ part and then replace with https://www.help.cms-tool.net/images//
More From This Section
Our CMS is the perfect content management solution for web designers and graphic designers. Read this quick introduction to get you on the right track.
Give other people access to your website, in a full or limited way. This can include staff users, so their activity is tracked, independent SEO people, or staff POS users.
We make extensive use of the ColorBox popup, that popup with the thick rounded black edges.
Click the link for more info
Advanced web designers might like to learn about our CSS approaches going forward, so you can do more interesting things with the basic templates
All blog pages provide individual RSS feeds for the page as well as a combined RSS feed.
Here is the process to follow to import a website designed externally.
The :active option in CSS is actually for an active link on the calling page.. but links only stay active for a split second, when a nwe page is loaded. Heres a quick way to change the class of current page.
Do you want to run advertising on your website? How do you go about it...
What to do if your filesite pages are being overwritten on when the site is published
A quick guide to where to add your js scripts to the custom template
Transfering a Website to a new owner
Please follow this procedure if you need to import a website with lots of pages.
We have Google ReCaptcha V3 and CleanTalk to help prevent spam on forms and forums.
HTML coding is required to enable youtube videos to work via a popup Colorbox video
Learn how we deal with mobile devices, and what else you can do with them.
How do you set the timezone for your country - this can be set in the contact area of your website
Learn more about using the [BANNERHOMES] feature for a rotating homes banner on your home page.
How best to update the website design of a live site
Each page has a unique ID.
Smart Blocks allow you to set and edit content once and have it update in multiple places on your site.
You can choose not to use the CMS for managing your website and upload your own HTML/CSS/JS files.
FAQ Topics
Building your site
Advanced Page Types
E-Commerce
- Shopping Basics
- Category Management
- Products
- Product Options
- Layout and Formatting
- Payment Options
- Processing Orders
- Advanced Ecommerce
- Product Pricing, Currencies
- Plugins
- Wholesale
- Rental, Booking and Appointment Systems
- Freight - Couriers
- Stock & Quantities
- Vouchers, Discounts, Loyalty Points
- Selling Photos / Prints
- Shopping Cart Add-on Page types
- Advanced APIs / Add ons
- Point of Sale (POS)
- Reports
- Orders / Invoices
Email & Membership
- Member Management
- Members Pages / Template Customisations
- From Addresses and Reply To Email Notifications
- Global Enquiry form options
- Standard Field Names
- Webmail
- Bulk Email
- CRM Features
- Email Campaigns
- Forums & Blogs
- Pop3/Imap Email Services
- Scams and Hoaxes
- Lead Magnets / Growing Your Customer Database
- Form Spam Filtering
