Hello,

using the message button on the product page we receive a message with the URL of the product. The regular contact form does not have that URL.
I would like to include the same special contact form a second time within a tab on the product page.
How can I do that?
On which page is this "special contact form" based?

Thanks in advance
Stefan  

Hello Irina,

yet, I am receiving two different messages, just as I described before. Please see screenshots.

I really would like to know how I can address the "product" version, as it seems that this one is not the standard Shopify functionality.

Regards
Stefan

Hi Irina,

did you get my private message on Friday?

If you don't get access to my account, I suggest that you check the standard download theme that you offer at envato, because we made no changes at that level.

Regards
Stefan

Seen, and accepted!
Please check.

Hi Mari,

yes, that's exactly the way I understood it. Important feature!

As I wrote earlier, we want to add that special product-question-form also as the last tab on our product page after product description, specific size chart, material etc.
We call that tab "Any more questions?"
This is to answer as many questions as possible and dispel all doubts clients might have.

We are using the app Tabs by Station which allows us to use a page, text or html make a tab of it.
Would that be possible one way or the other?

One more remark:

That feature is very helpful for the shop owner, as it specifies the URL of the page (=product) from where it has been sent.

Unfortunately, the client does not see that this will be included or gets any information about it.

Would it be possible to add the URL or even better the title of the product into that form (as a field or in the header)?
(That's the way it works in our old shop system.)  
This would give an important information to the visitor.

Thanks in advance for your help
and best regards

Stefan 

Hi Stefan.

I'm not sure if my suggestion helps, but it requires you to do some coding.

If you inspect Shella's Product page's Message button, you can actually draw out the html sentence of the "Message" and place this anywhere in your website. The sentence is roughly

<div class="btn-link js-popup-button" data-js-popup-button="message" style="display: inline;" title="Contact Us"><strong><span style="text-decoration: underline; color: #000000;">Contact Us</span></strong></div>

Doing the above will create a popup contact form whenever a user clicks on the word "Contact Us", just like how it's supposed to work with the Message button in product pages.

However, the draw back is that, if user clicks "Submit", the form wouldn't be submitted, because it requires the Product URL field and SKU field, which can be non-existant if you put this in About Us page, FAQ page, Privacy Policy, etc. Therefore, I removed the product url value and change it to Canonical URL instead (see below in bold). This will show the URL that the customer is at when they are submitting the form. So whether a customer is submitted from a product page, about us page, etc, it will tell you the URL. You may still keep the product sku field but you have to remove the "required" tag.. though I'm not sure if a blank product sku will still work or not (I personally removed that SKU field).   (I also removed the phone number field)

So basically my Snippets > popup-product-contact.liquid is 

{% include 'product-res-variables' %}
<div class="popup-product-contact position-relative py-30 px-15" data-popup-content>
    <i class="popup-product-contact__close position-absolute cursor-pointer" data-js-popup-close>{% render 'icon-theme-164' %}</i>
    <div class="popup-product-contact__content mx-auto">
        <h3>{{ 'contact.form.title' | t }}</h3>
        <p class="fs-lg">{{ 'contact.form.paragraph' | t }}</p>
        {% form 'contact' %}
            {% render 'form-get-check-error-popup' %}
            {%- if form.posted_successfully? -%}
                <p class="form-success">{{ 'contact.form.post_success' | t }}</p>
            {%- endif -%}
            <input type="text"
                   name="contact[product_url]"
                   id="ContactFormProductUrl"
                   value="{{ canonical_url }}"
                   hidden="hidden"
                   required="required">
            <input type="text"
                   name="contact[name]"
                   id="ContactFormName"
                   placeholder="{{ 'contact.form.name_placeholder' | t }}"
                   value="{% if form[name] %}{{ form[name] }}{% elsif customer %}{{ customer.name }}{% endif %}"
                   required="required">
            <input type="email"
                   name="contact[email]"
                   id="ContactFormEmail"
                   placeholder="{{ 'contact.form.email_placeholder' | t }}"
                   value="{% if form.email %}{{ form.email }}{% elsif customer %}{{ customer.email }}{% endif %}"
                   spellcheck="false"
                   autocomplete="off"
                   autocapitalize="off"
                   required="required">
            <textarea rows="8"
                      name="contact[body]"
                      id="ContactFormMessage"
                      placeholder="{{ 'contact.form.message_placeholder' | t }}"
                      required="required">
              {%- if form.body -%}
                  {{ form.body }}
              {%- endif -%}
            </textarea>
            {% include 'form-get-message' %}
            <div class="pt-10">
                <button type="submit" class="btn"><i class="mr-5">{% render 'icon-theme-196' %}</i>{{ 'contact.form.send' | t }}</button>
            </div>
        {% endform %}
    </div>
</div>




You can compare the above and maybe make a copy of your current copy before testing out mine.

Hi goodolvintage,

and thanks a lot for the advice!
I think a got it...

Tomorrow I will have time and can check it out, how it works for me.

Maybe there is also another idea from support, so I can eventually try both tomorrow?

Greetings from Germany
Stefan