Jump to content

Adding Form to Every Product Page

Recommended Posts

Site URL: https://lily-yellow-zwzc.squarespace.com/

I would like to add a section of text describing and linking to shipping & return policies etc.. as well as a form block at the bottom of each product page. I know I can add this info individually on every product page using the "additional info" section in the edit product section BUT it's way to much work to individually add it in that way. 

Is it possible? 

(I'm working in 7.1.)

The pw to my site is bathtub

Thank you,

Virginia

Link to comment
Quote

Is it possible?

It may be possible. Although I don't of a specific solution to your issue here is a general outline of what needs to be done.

On the store page add a section at the bottom. Add the content you want to be on each product detail page. With CSS you hide that section by default. Now with JavaScript, when on a product detail page, you move those blocks in that hidden section into some location within the product summary. The Additional Info area might be a good target area for the move.

Let us know if something like this would work for your needs

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

My bad. A minor course correction. Put the content you want in the footer section as the first or last section in the footer.

Just a note for those interested in the details. Adding a section to a store page doesn't add those sections to the product detail page that is why we use the footer.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
  • 4 weeks later...
2 hours ago, bathtubgems said:

I'm not sure I did this right.

It is impossible to know without being able to see your site.

Please post the URL for a page on your site where we can see your issue.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

@bathtubgems

Now follow this step from the twcsl instructions.

Add the following to Settings > Advanced > Code Injection > HEADER.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="/s/twcsl.js"></script>

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
  • 3 weeks later...
  • 1 year later...
13 hours ago, KatieH25 said:

I'm trying to do the same steps here and tried installing the twcsl file but it just comes up with an error. Is it still active?

My apologies. Please try the link again. It should be working now. Let me know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.