Note: The PageSuite Portal is optimised for large desktop devices using the Chrome browser.

1. Log in to portal.pagesuite.com
2. Click “Publications”
3. Click “Edit Publication Settings” on your desired publication
4. Ensure “HTML 5 Reader” is switched on and that you’re in that section.
5. Click the “Reader” tab. The top of your page should look something like this:

6. Find the Page Restriction section and ensure the “Page Restriction Enabled” checkbox is checked.

7. Several options should appear below it. Ensure that the “Enable Logo” checkbox is checked.

8. An image setting should appear below it. You can:

a. Enter the web address of the image into the textbox.

b. Click the upload button to upload a new image or select from previously uploaded images.

c. Select an image asset associated with your PageSuite portal account from the drop-down list.

You can view a full-size preview of the image by hovering the cursor over the small image preview.

9. Ensure there are no errors on the page (errored settings are highlighted in red).

10. Save Settings by clicking the “Save” button at the bottom of the page. It will not save if there are errors on the page.

Further information on any setting can be found by hovering the cursor over the blue question mark next to it.

Note: The PageSuite Portal is optimised for large desktop devices using the Chrome browser.

1. Log into portal.pagesuite.com
2. Click “Publications”
3. Click “Edit Publication Settings” on your desired publication
4. Ensure “HTML5 Reader” is switched on and that you’re in that section.
5. Click the “Reader” tab. The top of your page should look something like this:

6. Find the “Data Capture” section and ensure the “Enable Data Capture” checkbox is checked.

7. Several options should appear below it. The first option is an image setting for Branding Logo. You can select an image asset associated with your PageSuite portal account from the drop-down list.

You can view a full-size preview of the image by hovering the cursor over the small image preview.

8. Ensure there are no errors on the page (errored settings are highlighted in red).

9. Save Settings by clicking the “Save” button at the bottom of the page. It will not save if there are errors on the page.

Further information on any settings can be found by hovering the cursor over the blue question mark next to it.

The favicon is the icon used in the browser tabs

Note: The PageSuite Portal is optimised for large desktop devices using the Chrome browser.

1. Log in to portal.pagesuite.com
2. Click “Publications”
3. Click “Edit Publication Settings” on your desired publication
4. Ensure “HTML 5 Reader” is switched on and that you’re in that section.
5. Click the “Reader” tab. The top of your page should look something like this:

6. Find the Favicon section and ensure the “Enable Custom Favicon” checkbox is checked.

7. An image setting should appear below it. You can:

a. Enter the web address of the image into the textbox.

b. Click the upload button to upload a new image or select from previously uploaded images.

c. Select an image asset associated with your PageSuite portal account from the drop-down list.

You can view a full-size preview of the image by hovering the cursor over the small image preview.

8. Ensure there are no errors on the page (errored settings are highlighted in red).

9. Save Settings by clicking the “Save” button at the bottom of the page. It will not save if there are errors on the page.

Further information on any setting can be found by hovering the cursor over the blue question mark next to it.

Note: The PageSuite Portal is optimised for large desktop devices using the Chrome browser.

1. Log in to portal.pagesuite.com
2. Click “Publications”
3. Click “Edit Publication Settings” on your desired publication
4. Ensure “HTML 5 Reader” is switched on and that you’re in that section.
5. Click the “Top Bar” tab. The top of your page should look something like this:

6. Find the Logo section, there should be an image setting. You can:

a. Enter the web address of the image into the textbox.

b.Click the upload button to upload a new image or select from previously uploaded images.

c. Select an image asset associated with your PageSuite portal account from the drop-down list.

You can view a full-size preview of the image by hovering the cursor over the small image preview.

7. If you wish to have an alternative version of the logo on small screens, you can enable that by checking the “Use small Logo” checkbox. We recommend having a squarer version here.

8. An image setting should appear below it. You can:

a. Enter the web address of the image into the textbox.

b. click the upload button to upload a new image or select from previously uploaded images.

c. Select an image asset associated with your PageSuite portal account from the drop-down list. 

You can view a full-size preview of the image by hovering the cursor over the small image preview.

9. Ensure there are no errors on the page (errored settings are highlighted in red).

10. Save Settings by clicking the “Save” button at the bottom of the page. It will not save if there are errors on the page.

Further information on any setting can be found by hovering the cursor over the blue question mark next to it.

When you select Image adverts, you will be given the following options. You must complete all required settings before being able to save.

1. Image URL This option is required and has several parts to it:

a. A textbox – Here you can enter a URL (web address) of an image, alternatively selecting a file from one of the following parts will populate this textbox for you.

b. Upload Button – Clicking this opens up a modal (pop-up) where you can select from previously uploaded images or upload a new one. 

c. Drop Down – This dropdown will contain a list of any image assets associated with your portal account. Click an option to select that image.

Once you have selected an image, this option should look something like this:

Hovering your cursor on the image preview will display a full-size preview of the image.

2. Image Link

This is an optional setting. Enter the web address you wish the image to link to when clicked in the reader.

3. Image URL

Phone See Image URL. N.B. Even if the image you wish to use on phones is the same as those used on desktop and tablet devices, this setting is required, so select the same image.

4. Image Link Phone

This is an optional setting. Enter the web address you wish the image to link to when clicked in the reader.

When you select URL adverts, you will be given the following options. You must fill out all of them before you can save the settings.

1. Phone URL Enter the web address of the advert you wish to display on phone devices.

2. Tablet/Desktop URL Enter the web address of the advert you wish to display on tablet and desktop devices. N.B. If you want to display the same advert as on phone, you need to fill out both settings with the same URL.

When you select DFP adverts, you will be given the following options. You must fill out all of them before you can save the settings.

1. DFP Ad Code – This is the DFP Network Code that is associated with the advert you wish to use on desktop and tablet devices.
2. DFP Ad Unit – This is the DFP Ad Unit that represents the advert you wish to use on desktop and tablet devices.
3. DFP Mobile Ad Code – This is the DFP Network Code that is associated with the advert you wish to use on phone devices. N.B. Even if this is the same as the desktop/tablet one, this setting is required, simply enter the same code here too.
4. DFP Mobile Ad Unit – This is the DFP Ad Unit that represents the advert you wish to use on phone devices. N.B. Even if this is the same as the desktop/tablet one, this setting is required, simply enter the same code here too.

Note: The PageSuite Portal is optimised for large desktop devices.

1. Log in to portal.pagesuite.com
2. Click “Publications”
3. Click “Edit Publication Settings” on your desired publication
4. Ensure “HTML 5 Reader” is switched on and that you’re in that section.
5. Click the “Adverts” tab. The top of your page should look something like this:

6. Further information on any option can be found by hovering the cursor over the blue question mark next to it.

 

In order to ensure that your PDFs are fully optimised and are displaying clearly please follow the guidelines below:

• 300 DPI or greater
• Cropped to exact size (there is no need for crop marks or bleed)
• Enable embedded fonts when you save your PDF to maximise web and email link pick up
• Ensure that you flatten any transparencies

The procedure we use to ‘flatten’ transparencies is to save the PDF as an optimised file. See below…

The important parts to note are highlighted, this should remove the transparencies and allow the processors to work on your pages. If this doesn’t work then the next step would be to save it as an image and turn that back into a PDF.

You can then replace the processed page using the steps below:

1. Log into the portal and navigate to the correct Edition.
2. Go to the ‘Advanced’ tab on the Edition Information screen.
3. Choose the ‘Replace a Page’ option.
4. Select the correct page that you wish to replace from the drop down.
5. Use the ‘Browse’ button to find the replacement page on your computer, please note this must be a single page PDF file. If there is more than one page including a double page spread in the the file it will fail.
6. Use the ‘Replace’ button at the bottom of the page.

There is a refresh button at the top of the screen, use this to check the status of the replacement. When it says ‘Done’ you can view the page in the Edition but may need to clear your cache before doing this.

This video shows the additional publication and edition settings within the HTML5 reader.

This video shows you how to:

• Rename a publication
• Delete a publication
• Delete a page
• Insert a page
• Replace a page

We hope you have found this video useful. If this hasn’t solved your issue please contact our support team via the form below.