Full training provided by elementor here

Live Environment:

https://www.pinstone.co.uk/

– The public facing website. No edits or updates should ever be made here.

Staging Environment:

https://www.pinstone.co.uk/

– For Pinstone team members to add new blog posts, make on-page updates and edit/ add new team members etc.

All updates should be signed-off within this environment before being pushed to the live environment.

Dev Environment:

https://pinstonedev.wpenginepowered.com/

– For developers to build and test new features. 

There are two user types setup within wp-admin:

1. Editors = Can publish and manage posts, case studies, sectors, team members and pages.
   Watch the Editor User Type Dashboard Overview Here
   
   
2. Admins = Have full access to all the administration features within the site.
   Watch the Admin User Type Dashboard Overview Here
   
   

1. Visit: https://www.pinstone.co.uk/wp-admin/ 
   
   
2. Enter your username and password
   
   
3. Click the ‘Log In’ button

Video coming soon

Follow WPEngine’s instructions here 

1. Login to the staging environment here.
2. Select ‘Pages’ from the left menu.
3. Hover over the page you want to edit.
4. Select ‘edit with elementor’.
5. Hover over the text or image you want to edit and select the pencil icon (top right).
6. Make the edit in the left column.
7. Preview the update by selecting the ‘eye’ icon (bottom left, next to the ‘publish’ button).
8. Once you’re happy with the update, select Publish (bottom left).
9. Gain approval by sending the updated page link to the website manager.
10. Push the updated site to the live environment. Instructions here.

How to edit existing posts:

1. Login to the staging environment here.
2. Select ‘Posts’ from the left menu.
3. Hover over the post you want to edit, if the option to ‘edit with elementor’ is visible then select this, if not then select ‘Edit’ (posts imported from the old website weren’t created using elementor).
4. Complete the post updates using the elementor page editor or the standard WordPress post editor.
5. Preview and then update by selecting the buttons either at the top right or bottom left.
6. Gain approval by sending the updated page link to the website manager.
7. Push the updated site to the live environment. Instructions here.

How to add a new case study:

1. Login to the staging environment here.
2. Hover over ‘Case Studies’ in the left menu and select ‘Add New’
   *Before adding the case study contents via elementor you need to setup the case study via the standard WordPress post editor by following the steps below…
3. First add the case study title.
4. Next add the ‘featured image’ (right column).
5. Then select ‘Clients’ from the ‘Categories’ tab in the right column.
6. Select ‘Save Draft’ (top right).
7. Select the ‘Edit with elementor’ button (below the title field).
8. Use the elementor widgets to build your case study within the prebuilt template.
9. Preview the update by selecting the ‘eye’ icon (bottom left, next to the ‘publish’ button).
10. Once you’re happy with the update, select Publish (bottom left).
11. Gain approval by sending the updated page link to the website manager.
12. Push the updated site to the live environment. Instructions here.

How to edit existing case studies:

1. Login to the staging environment here.
2. Select ‘Case Studies’ from the left menu.
3. Hover over the case study you want to edit, if the option to ‘edit with elementor’ is visible then select this, if not then select ‘Edit’ (case studies imported from the old website weren’t created using elementor).
4. Complete the case study updates using the elementor page editor or the standard WordPress post editor.
5. Preview and then update by selecting the buttons at the top right.
6. Gain approval by sending the updated page link to the website manager.
7. Push the updated site to the live environment. Instructions here.

How to edit existing team members:

1. Login to the staging environment here.
2. Select ‘Team Members’ from the left menu.
3. Hover over the team member you want to edit and click ‘Edit’.
4. *Team member profiles have been setup to be edited within the standard WordPress editor, never select ‘edit with elementor’ as this could break that team member profile.
5. Complete the updates and select ‘Update’ (right column).
6. Gain approval by sending the updated page link to the website manager.
7. Push the updated site to the live environment. Instructions here.

How to add a new team member:

1. Login to the staging environment here.
2. Hover over ‘Team Members’ (left column) and select ‘Add New
3. Add their full name in the first text box (Add title in the placeholder).
4. Add the job role in the text box below.
5. Add the short description, this should be no more than 32 words. (this is displayed as a bio on the team archive page).
6. Upload the profile photo (the photo needs to be cropped to 1:1 or square ratio).
7. Upload the hover photo (again, the photo needs to be cropped to 1:1 or square ratio).
8. Select or upload the logos of the organisations you are a member of or affiliated to.
9. Add the team members LinkedIn profile URL.
10. Add the full team member profile description in the text area (when pasting text in, be sure to ‘paste and match style’ this will prevent any unwanted text styling being pasted in).
11. Select the ‘Team’ checkbox, below the Categories tab (in the right column).
12. Add the appropriate tag (e.g. leadership or consultancy) to ensure the profile appears in the correct section of the team page.
13. Preview and then publish the new team member profile using the buttons in top right.
14. Gain approval by sending the updated page link to the website manager.
15. Push the updated site to the live environment. Instructions here.

1. Login to the staging environment here.
2. Select ‘Templates’ from the left menu.
3. Hover over the template you want to edit and select ‘edit with elementor’.
4. Hover over the section of the template you want to edit and select the pencil icon (top right).
5. Make the edits in the left column.
6. Preview the update by selecting the ‘eye’ icon (bottom left, next to the ‘publish’ button).
7. Once you’re happy with the update, select Publish (bottom left).
8. Once approved, push the updates to the live environment. Instructions here.

1. Login to the staging environment here.
2. Select ‘Templates’ from the left menu.
3. Hover over ‘What our clients say section’ and select ‘edit with elementor’.
4. Scroll down to the green row, hover over the review slider and select the pencil icon (top right).
5. Edit and add new reviews via the ‘Slides’ section in the left column.
6. Preview the update by selecting the ‘eye’ icon (bottom left, next to the ‘publish’ button).
7. Once you’re happy with the update, select Publish (bottom left).
8. Once approved, push the updates to the live environment. Instructions here.

Hero Video for Desktop:
Ratio: 16:9
Size: 1080P
Bitrate: 2500 Kbps
Frame rate: 30 fps or 24fps
Key frames: None
Duration: 15-30 seconds
Audio: None
Format: WebM

Hero Video for Mobile:
Ratio: 9:16
Size: 1080P
Bitrate: 2500 Kbps
Frame rate: 30 fps
Key frames: None
Duration: 15-30 seconds
Audio: None
Format: MP4 (export as lossless web optimised)

Hero Image for Desktop:
Ratio: 16:9
Size: 1200px wide
Format: JPG (export as lossless web optimised)

Hero Image for Mobile:
Ratio: 9:16
Size: 1200px height
Format: JPG (export as lossless web optimised)

SEO Optimisation Checklist