PageFly - Edit template R2VF

231 views 0

R2VF is a template for Home page, but its stunning layout makes it perfect for a landing page or sales page too. With a modern and unorthodox style, R2VF is best used for fresh and sleek brands.

1st section

This section has an image background, an Image element and a Button element.

To start off, you should change the Image element to a nicely cropped image of a product, if you want to keep that floating effect.

To change the image background, choose the Section > Styling tab > Background section > change the source in Image field. Remember to set the option for Position, Repeat, and Size.

Our advice is, you should use a simple yet contrasting background for the section, so we can keep the attention on the product.

To edit the height of the section, stay in Styling tab > Box Style section> edit Top and Bottom padding. After we adding 100px for the Top and the Bottom paddings, you can see the background image goes bigger than it was before.

To change the image in the Image element, choose the Image > General tab > Content section > change the source in Image field. Remember to set the option for Image Size, Image Style and pick a suitable text for Alt Text and Title Text (good for SEO).

Finally, the last element in the section is the Button. Select the element > General tab > Settings section > to edit the button’s message in Text field. Some useful sections like Action and Tracking can become handy if you want to leverage the activities of your page.

You can stylize the button in Styling and Advanced tab.

2nd section

This section has a Product List element only, and it can promote your highlighted products.

It does not link to any collection yet, so you can populate the list by choosing the Product list element > General tab > Filter section > pick the collection from your store in Collection field.

3rd section

This section includes 2 Image elements and 2 Heading elements. You can make use of this space to shed light on your product’s benefits or dazzling angles. 

To edit the content of the Heading element, simply select the element > General tab > Settings section > Text field. Don’t forget to pick a suitable heading tag (good for SEO) for Heading element.

Then, go to Styling tab to stylize the text.

To change the 2 Image elements in this section, apply the same steps in the 1st section

4th section

To edit the Heading element, apply the same steps in the 3rd section.

To edit the Product list element, apply the same steps in the 2nd section.

5th section

For the Heading and Paragraph elements in this section, please apply the same process in the 3rd section to change the content.

The 3 images in this section are background images. They can display attractive products or product angles. 

To change them, choose a specific Column or Row, then select the Styling tab > Background section > change the source in Image field. Remember to set the option for Position, Repeat, and Size.

6th section

This section has a Heading element in this section. Apply the same steps in the 3rd section to change the content.

7th section

This section has 1 Image element and 2 Button elements in this section. Refer to the 1st section on how to edit them.

8th section

This section includes an Instagram element, best to showcase customers’ generated content.

To display the images from the Instagram account, pick the element > General tab > Settings section > Get Token. After that, log in to your Instagram and insert the generated token into Access Token field.

9th section

Here we are – the last section! It contains 6 Image elements showing 6 different logos. Refer to the 1st section on how to edit them.

You can use this section to showcase your partners or affiliates’ logos, boosting credibility and trust for your business. 

Was this helpful?