标签: hubspot

如何修改系统生成的 Hubspot JavaScript 表单

我遇到一个问题,我试图在他们的 CMS 中扩展 Hubspot 表单以从中获得一些附加功能。

不幸的是,我无法编辑他们在 CMS 中的代码,因此我认为可能有一种方法可以在他们的代码后添加一些 javascript 以添加我想做的事情。

他们生成的代码如下所示:

      hbspt.forms.create({ 
        portalId: '435515',
        formId: '19046100-d845-4f9c-96cf-974286fc6b45', 
      });
Run Code Online (Sandbox Code Playgroud)

我想在提交后获取表单数据,因此它需要如下所示:

      hbspt.forms.create({ 
        portalId: '435515',
        formId: '19046100-d845-4f9c-96cf-974286fc6b45',
        onFormSubmit: function($data) {
          console.log( $("input[name=firstname]").val() );
        }    
      });
Run Code Online (Sandbox Code Playgroud)

但我无法编辑它们生成的代码。有没有办法将 onFormSubmit 添加到此函数而不编辑它们生成的代码。

所以像这样:(这不起作用)

    //Their original code
    <script>    
      hbspt.forms.create({ 
        portalId: '435515',
        formId: '19046100-d845-4f9c-96cf-974286fc6b45',   
      });
    </script> 

    //My added function
    <script> 
        onFormSubmit: function($data) {
          console.log( $("input[name=firstname]").val() );
        }          
    </script>  
Run Code Online (Sandbox Code Playgroud)

谢谢

javascript hubspot

3
推荐指数
1
解决办法
8737
查看次数

使用pace.js加载附加图像

我想在加载附加图像时使用pace.js来显示进度条,它们提供了一个API,但我不知道它是如何工作的.

$('#loadImg').click(function() {
  Pace.start();
  var $con = $('#content');
  $con.append('<img src="http://lorempixel.com/500/500/">').imagesLoaded(function() {
    console.log('done!');
    Pace.stop();
  });
});
Run Code Online (Sandbox Code Playgroud)

我使用它与desandro/imagesloaded调用,Pace.stop()但我没有看到任何进度条.

为了方便起见,我做了一个演示插件.

javascript jquery hubspot

2
推荐指数
1
解决办法
1万
查看次数

Flickity 滑块问题,最后一张幻灯片后有空间,滑块继续滚动

我在使用 Flickity 滑块时遇到了问题;\n 问题是滑块完全按照我想要的方式放置在那里...但是...\n 在我滑动之后,它向左移动太多并留下了很大的痕迹后面的空间量;我查看了 \n 代码,没有任何结果;也许滑块的设置有问题?

\n\n
     <div class=\'carousel-section\'>\n <div class=\'carousel-wrapper\'>\n <h2>\n  Some Clients About us\n   </h2>\n  <div class="carousel ">\n  <div class="carousel-cell">\n    <div class="carousel-cell-image"> {% if module.third.src %}\n    {% set sizeAttrs = \'width="{{ module.third.width }}" height="{{ module.third.height }}"\' %}\n    {% if module.third.size_type == \'auto\' %}\n        {% set sizeAttrs = \'style="max-width: 100%; height: auto;"\' %}\n    {% elif module.third.size_type == \'auto_custom_max\' %}\n        {% set sizeAttrs = \'width="100%" height="auto" style="max-width: {{ module.third.max_width }}px; max-height: {{ module.third.max_height }}px"\' %}\n    {% endif %}\n    <img …
Run Code Online (Sandbox Code Playgroud)

html javascript css hubspot

2
推荐指数
1
解决办法
4299
查看次数

如何使用 Hubspot API 分配所有者?

我正在使用 Hubspot API 创建新联系人,并希望在创建联系人时自动设置所有者。我知道这可以在不通过工作流程使用 API 的情况下实现,但我想为此使用 API。

这是我现在的代码(有效,只是缺少联系人所有者):

$data = [
    'properties' => [
                        ['property' => 'firstname', 'value' => $contact->first_name],
                        ['property' => 'lastname', 'value' => $contact->last_name],
                    ]
];

$body = json_encode($data);
$response = $client->request('POST', '/contacts/v1/contact/email/'.$user->email.'/profile',
                ['query' => ['hapikey' => $hubspot_key, 'body' => $body]);
Run Code Online (Sandbox Code Playgroud)

hubspot hubspot-crm

2
推荐指数
1
解决办法
3041
查看次数

标签 统计

hubspot ×4

javascript ×3

css ×1

html ×1

hubspot-crm ×1

jquery ×1