Importing my Photoshop design

This article applies to SiteFusion packages.


Please Note: This feature is only available in the developer package of SiteFusion.

This article will show how you can import your photoshop design using the wizard in your SiteFusion website.

  • Step 1 of 8

    Login to your 123 Reg control panel.

    Control_Panel_Login.jpg
  • Step 2 of 8

    Scroll down to the Create your website section and click on the SiteFusion icon.

    Create_website_section_manage_sitefusion.jpg
  • Step 3 of 8

    Click on the Login button next to the relevant package.

    Sitefusion_package_login.jpg
  • Step 4 of 8

    Click on the Import a Photoshop Design option.

    Welcome_wizard_import_psd.jpg
  • Step 5 of 8

    Type a name for your template, select a content width from the drop down box and select whether to apply to the current page or to set as the default template.

  • Step 6 of 8

    Click on the Select PSD file button.

    Import_psd_wizard_settings.jpg
  • Step 7 of 8

    Click on the Select PSD file button and browse to the file location on your home computer.

    Select_browse_psd.jpg

    Important: Your PSD file will now be uploaded and prepared for use with your SiteFusion website.

    Check_psd.jpg
  • Step 8 of 8

    Click on an area of your page and drag to create regions.

    template_drag_regions.jpg

You can now start adding content to your template.