Now you can create and customize your Buyer/Seller guide covers within the AF Editor. Without further due, let's get into the instructions!
Accessing the Custom Guide Covers
First, in your admin dashboard on the left side of your screen, navigate to Site Tools > Guide Creator > select Manage Covers.
Selecting Manage Covers will lead you to a page called Cover Manager, where you will be able to see all the existing book covers, and as well duplicate, add new, edit, or delete.
NOTE: You can only DELETE newly added covers. Default Buyer/Seller covers cannot be deleted.
Editing the Guide Covers
As you press the edit button, you will enter the AF Editor, where you will have all the tabs related to customizing the book cover on your left, and as well a live preview of the 3D model on the right side.
The customization options are split into Design, and Settings - with each have their own respective labels.
Here you can select:
- Cover Image
- Logo Position/ Logo Alignment
- Background Color
For Logo Position, if you select the option White - The logo will be positioned inside the Cover Image. This is strictly recommended if you are using white logos.
Adjust the text, color, size and position of the description for the cover.
In these sections you can adjust the title in 2 parts (left and right side) - Text, Font Style, Color, and Size for each.
Customize the spine of the book in this section. You can adjust the top/bottom text, set the color/background color, and adjust the font size.
You can enable a small ribbon to be displayed on the top left corner, which will have it's on customization options, once enabled. You can reposition the ribbon to any other corner you would like to have it.
Additionally, you can edit the text/text size/text color, and the background color of the ribbon. (Recommended: 8-10 characters)
In the Settings tab, you will have options to control the size of the whole 3D Cover, and as well adjust the default, and hover angles.
- Default Angle (deg) - The default rotation angle for the cover. (default is 15)
- Hover Angle (deg) - Rotation angle when the mouse is hovered over the cover (default is 30)
Selecting the Guide Cover for your Engage CTA's
To select the which Guide Cover you will have in your Guide Slide-In's, you will need to navigate to AgentFire Arsenal > Engage > All CTA's
Then press Edit on either one of the Guide Slide-in CTA's you want to have your cover for.
And as the AF Editor loads, in the Design Tab, under the Book Cover option you will be able to see all the created book covers, and as well the default ones. After you select it, you can save the changes and close the editor.
In case you need a refreshment and an extensive tutorial on accessing the Engage Manager and editing the CTA's make sure to check out the articles below.
Placing the covers on a page via shortcode
Every cover will have it's unique shortcode, which you can copy and place them on any page.
*Replace the xxxx with the 4 digit id number *
You can override the cover size by adding size=small/medium/large in the shortcode
[3d_guide_cover id="xxx" size="small"]
[3d_guide_cover id="xxx" size="medium"]
[3d_guide_cover id="xxx" size="large"]