Steps to customise the website directory
Step 1 - Go to the main settings page.
Step 2 - Under Settings > Select Web Directory
Step 3 - Here you will find two tabs, the Preview Directory tab and the Select Adverts tab.
Preview Directory tab
The first tab is the place to find the code you need to give to your website developer, so they can display the directory on your website. This code depends on the selections you make using the drop-down menus, they provide options to how your directory is displayed (as described below). You can also customise your directory using your own brand styles. When you have chosen from the drop-down menus, you will see a preview of your directory.
With knowledge of CSS additional styling can be added to the Other Styles box.
Copying your code
Choose the settings you want in the “Style” and “Publication Choice” drop-down boxes > Click Apply Styles and then copy the JavaScript code in the blue box. If required your website developer can insert this on your website, replacing Element Id 'mmdir' with the id of the element they want the directory to load into (for example, <div id=”my_directory”></div>).
NOTE: You only have to set the options for your code once: choosing the month in the “Select a month to preview” drop-down menu is just for the purposes of letting you preview your directory.
NOTE: It isn’t possible to simply add JavaScript to a page or post in WordPress; the code needs to be added to a Custom HTML block see example below or see the Appendix for notes on adding JavaScript to a WordPress website.
Open the page you want to add the web directory to > Click the + sign to add a block > Search for Custom HTML and select it.
The custom HTML block will appear > Copy and paste the code into the block > Add any SEO settings > Click Update.
Display options
From the Preview Directory tab, drop-down menus allow you to select the following:
- Section and category styles from the Styles drop-down
- Whether to include a publication filter from the Publication Choice drop-down
- A choice of month to preview
Section and category style options
You can choose whether to organise your clients by their MagManager “Sections”, “Sub Categories” or by Sections and Sub Categories (in MagManager Categories are sub-divisions of Sections). You might want to tidy your sections a bit, to ensure you don’t have too many sections with similar names, for example.
Here the “Sections and Sub Categories” option was selected, so clients are organised in the form Section / Category.
Publication Choice options
You can choose to let visitors to the directory filter for advertisers in a single area based on your different publications. The default here is “none”. You can choose to display a list of your publications either as badges or a drop-down list.
The screenshot below shows a directory with the individual publications showing as badges:
Alternatively, you can choose to display a drop-down list for your areas:
Month preview options
By selecting a month from the drop-down menu, you can preview your directory for the month of your choice. The directory will by default show advertisers in your current issues and will be updated on the first day of the month of your new publication. So, if you have bi-monthly editions for October/November and December/January, the directory will be updated on 1st October and again on 1st December.
Customising the directory with your own branding
Click on the Gear Icon, top right of the screen > Under the Settings heading select Web Directory, and you will see options for adding your branding. You can enter the colours you want for the text and the background in the section headers of the directory. These should be entered as html hex codes. You can also enter html font styles. There is a box headed “Other Styles” where you can enter more css code.
Selecting advertisers based on advert size
If you want to restrict which advertisers are included in your directory based on their advert size. Click on the Gear Icon, top right of the screen > Under the Settings heading select Web Directory and choose the Select Adverts tab.
You can use the toggles next to each listed advert size to select which advertisers to include. (The list includes all advert sizes available in MagManager: not all of these will be relevant to you).
